多输入独立rxjs流

时间:2017-12-23 21:19:51

标签: rxjs rxjs5

想法

我有一个搜索栏,可以在以下任何地方搜索文字:

  1. 将超过2个字符的字词输入搜索输入
  2. 按下搜索按钮
  3. 我现在的代码是:

    const input = document.querySelector('input');
    const button = document.querySelector('button');
    
    const input$ = Observable.fromEvent(input, 'keyup')
      .map(e => e.target.value)
      .distinctUntilChanged()
      .debounceTime(200)
      .filter(val => val.length > 2);
    
    const button$ = Observable.fromEvent(button, 'click');
    
    Observable.zip(button$, input$, (butt, inp) => false)
      .subscribe(console.log);
    

    然而,当我同时执行这两项操作时,这个唯一的控在流组合时,如何让每个事件从console.log中独立发送?是否有可能将它们作为同一流的一部分?

0 个答案:

没有答案