Angular4에서 레코드를 필터링 할 때 메시지를 표시하는 방법

Question

amgular4를 사용하여 검색 기능을 구현하고 있지만 Angular4에 필터 레코드가없는 경우 메시지를 표시하는 방법을 모릅니다. 여기에 두 개의 파일 템플릿과 구성 요소가 있습니다.

당신이보기에 조건을 추가 할 수 있습니다

<ng-template #content> 
    <div *ngIf="car"> 
      <div class="abc">Car Information</div> 
     </div> 
     <div class="card__body"> 
         <p class="u-text-bold">Car number</p> 
        </div> 
        <div class="col"> 
         <p class="u-text-bold">Car Color</p> 
        </div> 
         <p class="u-text-normal">{{Car.number}}</p> 
        </div> 
        <div class="col"> 

         <p class="u-text-normal">{{Car.Color}}</p> 

        </div> 

</ng-template> 

Answer 1

검색 결과 템플릿 :

<div *ngIf="records?.length == 0;else data"> 
    ... 
</div> 
<ng-template #data> 
    ... 
</ng-template> 

편집 :

<div *ngIf="cars?.length == 0;else data"> 
<div *ngFor="let Car of cars;"> 
    <div class="abc">Car Information</div> 
    <div class="card__body"> 
    <p class="u-text-bold">Car number</p> 
    </div> 
    <div class="col"> 
    <p class="u-text-bold">Car Color</p> 
    </div> 
    <div> 
    <p class="u-text-normal">{{Car.number}}</p> 
    </div> 
    <div class="col"> 
    <p class="u-text-normal">{{Car.Color}}</p> 
    </div> 
</div> 
</div> 
<ng-template #data> 
    <h1>No records found</h1> 
</ng-template> 

: 당신이 자동차의 목록을 가지고있을 때,보기해야한다

Answer 2

car을 검색하고 있으며 사용 가능한 경우 그리고 car details을 보여주고 그렇지 않다면 메시지를 보여줍니다. 내 서비스 코드를 붙여 넣은 @ArunRedhu https://medium.com/aviabird/ngif-else-lands-in-angular-2-0-a242940e54ff