検索が完了した後に「結果が見つかりません」のリセット

Question

試行錯誤の末、Angular2の検索機能が有効になっていて、「No Results Found」と表示されます。ユーザーのクエリ私の最後の課題は、ユーザーが次回検索フィールドに行くときに「結果が見つかりません」がクリアされるように、フィールドを再設定することです。言い換えれば、ユーザーが検索フィールドを持ってすぐにリセットする必要があります。これまで私が試したことは動作しません。ユーザーが検索フィールドをクリックしてから再度クリックすると、最後のインスタンスから「結果が見つかりません」というテキストが画面に表示されます。これは私が「見つかりませ」の画面に印刷を処理するために使用しているものです：

public get noResultsFound(): boolean 
{ 
    if (!Object.isNullOrUndefined(this._results) && this._results.length < 1) { 
     return true; 
    } else if (Object.isNullOrUndefined(this.query)) { 
     return false; 
    } 
} 

そして、私の見解で、私は次のようしている：あなたがしているものに基づいて

<div class="field-container"> 
    <i *ngIf="isSearchIconVisible" class="material-icons search-icon">search</i> 
    <auto-complete-field 
      class="auto-complete-field" 
      #autoCompleteField 
      (keyup)="onKeyUp($event)" 
      (focus)="onFocus()" 
      (blur)="onBlur()" 
      [(value)]="query" 
      [(options)]="__autoCompleteSuggestions">Loading... 
    </auto-complete-field> 
    <div *ngIf="inputHasFocus && noResultsFound" class="no-results-found">No Results Found</div> 
</div> 

Answer 1

あなたのonBlur()の一部としてこれを処理することをお勧めします。だから、代わりに：

*ngIf="inputHasFocus && noResultsFound"

のようなもの：

<div *ngIf="showNoResults" class="no-results-found">No Results Found</div>

は、その後、あなたのコントローラで、trueときnoResultFound()戻りtrueにshowNoResultsを設定し、onBlur()