Angular4でレコードがフィルタリングされていないときにメッセージを表示する方法

Question

amgular4を使用して検索機能を実装していますが、Angular4でフィルタリングされていないレコードをフィルタするときの表示方法はわかりません。 ここでは、テンプレートとコンポーネントの2つのファイルがあります。

あなたがビューに条件を追加することができます

<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> 

EDIT：

<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を検索している可能性があります。利用可能な場合はja car detailsを表示していない場合は、メッセージを表示してください。私は私のサービスコードを貼り付けている@ArunRedhu https://medium.com/aviabird/ngif-else-lands-in-angular-2-0-a242940e54ff