フィルタが空の場合、フィルタを表示します。

Question

角4では、プログラム配列を反復しようとしています。それに検索パイプも追加されました。検索が見つからない場合は、メッセージを表示します。

どうすればこの問題に近づけることができますか？ここで

は、私が一緒にngIfとngForを使用することができませんことを理解しngFor

<div class="col-sm-6 col-md-4" *ngFor="let programme of programmes | search: searchText"> 
    <programme [programme]="programme"></programme> 
    </div> 

です。 ngIfElseを使用する方法はありますか？検索が見つからない場合は、メッセージを表示しますか？あなたのパイプで

Answer 1

結果が空だった場合は-1を返したり、いくつかの値あなたは

<ng-container class="col-sm-6 col-md-4" *ngFor="let programme of programmes | search: searchText"> 
    <div *ngIf="item === -1">"No matches"</div> 
    <div *ngIf="item !== -1"><programme [programme]="programme"></programme></div> 
</ng-container> 

のように行うことができ、あなたのHTMLコード内

transform(value, searchTerm) { 
    let result = ... 
    if(result.length === 0) { 
     return [-1]; 
    } 
    return result; 
    } 

でき