用語が空/空でない場合にObservableを実行するにはどうすればいいですか？

Question

は、私は自分のコンストラクタの内部次のコードを持っている：

this.searchResults = this.searchTerm.valueChanges 
    .debounceTime(500) 
    .distinctUntilChanged() 
    .switchMap(term => this.apiService.search({ 
     limit: this.searchResultsLimit, 
     term: term 
    })); 

をそして、これはあなたが、私はコードhereを得るために、その後のチュートリアルを見ることができます私の入力

<input type="text" [formControl]="searchTerm" /> 

です。以下のように

マイAPIサービスメソッドは次のとおりです。

searchCompanies(options): Observable<any[]> { 
    return this.jsonp.get('api/search', this.formatOptions(options)).map(res => { 
     return res.json(); 
    }); 
} 

たびsearchTermが私の入力内で変更され、APIコールが発射されます。私の問題は、私の入力が空であっても（例えば、クエリを入力してからすべてをバックスペーシングしても）コールが起動されることです。

私の質問は、 `searchTermの値が空でない/ヌルでないときに私の観測可能なものを得るにはどうすればいいですか？

Answer 1

を、switchMapに空の文字列のためのテストとその状況に空に観察を返す：

this.searchResults = this.searchTerm 
    .valueChanges 
    .debounceTime(500) 
    .distinctUntilChanged() 
    .switchMap(term => term ? 
    this.apiService.search({ 
     limit: this.searchResultsLimit, 
     term: term 
    }) : 
    // If search term is empty, return an empty array 
    // or whatever the API's response for no matches 
    // would be: 
    Observable.of([]) 
    }); 

Answer 2

ほとんど簡単だけですべての空のtermのフィルタリングするfilter()演算子を使用する：あなたはAPI呼び出しを避けたいと検索語が空の場合、検索結果をリセットしたい場合は

this.searchResults = this.searchTerm.valueChanges 
    .filter(term => term) // or even better with `filter(Boolean)` 
    .debounceTime(500) 
    .distinctUntilChanged() 
    .switchMap(term => this.apiService.search({ 
     limit: this.searchResultsLimit, 
     term: term 
    }));