1

需要你的帮助。我是 Rxjs 世界的新手,正在尝试使用 distinctUntilChanged() 运算符来避免通过输入框从流中接收到重复值。但我看不出输出有什么不同。可能是我错过了 rxjs 文档的解释。下面是我试图演示此示例的 url。如果您能帮助我对我应该在代码中进行的一些解释和更改提供帮助,那就太好了。

https://stackblitz.com/edit/angular-z1yhec?file=src%2Fapp%2Frxjs-check%2Frxjs-check.component.ts

 ngOnInit() {


const inputObs$ =
  fromEvent<any>(this.inputVal.nativeElement, 'keyup').pipe(
    map(res => res.target.value),
    //tap(char => console.log(char)),
    debounceTime(1000),
    distinctUntilChanged(),
    tap(char => console.log(char)),
    map(text => this.fnGetDbData(text))
  )

inputObs$.subscribe(res => {
  console.log(res)
  this.dbPlace = res;

});

}

4

0 回答 0