RxJS：如何做角2

Question

反應搜索之前的一些清理這裏是我的方案

我想反應搜索 如果該值length > 2做api搜索 其他明確的數據。當長< = 2

另一個問題是，爲什麼Rxjs做運營商沒有角2工作

但我不知道明確數據

userList: Observable<User[]>; 

的用戶列表是空的？

this.userList = this.userNameCtrl.valueChanges.do(d => console.log(d)); 

這裏是我的代碼：

this.userList = this.userNameCtrl.valueChanges 
      .filter(x => x.length > 2) 
      .debounceTime(400) 
      .distinctUntilChanged() 
      .switchMap(value => this._userService.searchUsers(value)); 

Answer 1

我想反應搜索如果值長度> 2做API搜索其他明確的數據。

如果我通過清除你的意思是推空數組到流正確理解：

this.userList = this.userNameCtrl.valueChanges 
    .debounceTime(400) 
    .distinctUntilChanged() 
    .switchMap(value => { 
     if(value.length > 2) { 
      return this._userService.searchUsers(value); 
     } else { 
      return Observable.of([]); 
     } 
    }); 

另一個問題是，爲什麼Rxjs做運營商沒有角2工作？

this.userList = this.userNameCtrl.valueChanges.do(d => console.log(d)); 

這個代碼不輸出任何東西，因爲你需要訂閱可觀察到的第一

this.userList = this.userNameCtrl.valueChanges 
    .do(d => console.log(d)) 
    subscribe(() => {}); 

// or simply 

this.userList = this.userNameCtrl.valueChanges 
    subscribe(d => console.log(d));