Как выполнять только наблюдаемый, если не пустой или пустой?

Question

У меня есть следующий код внутри моего конструктора:

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

И это мой вклад

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

Вы можете увидеть учебник я следовал, чтобы получить код here.

Мой метод обслуживания API нижеследовал:

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

Каждый раз, когда searchTerm изменяется внутри моего входа, вызов API обжигают. Моя проблема заключается в том, что вызов запускается, даже когда мой ввод пуст (например, ввод запроса, а затем его разворачивание).

Мой вопрос в том, как я могу получить только видимое для меня, когда значение `searchTerm не пустое/пустое?

Answer 1

Если вы хотите, чтобы избежать вызова API и хотите, чтобы результаты поиска, чтобы быть сброшены, если условие поиска пусто , тест на пустую строку в 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

Наиболее легко просто использовать оператор filter() отфильтровать все пустые term S:

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 
    }));