Question

为什么没有得到键盘类型事件？它不打印任何东西来控制台。我正在从此page

复制代码

  ngOnInit() {

    const searchElement = document.getElementById('search-input');

    const typeahead = fromEvent(searchElement, 'input').pipe(
      map((e: any) => e.target.value),
      tap(term => console.log('searching... ', term)),
      filter(text => text.length > 2),
      debounceTime(10),
      distinctUntilChanged(),
      switchMap(term => this.searchService.search(term))
    );

  }

HTML

<input type="text" id="search-input">

Answer 1

您不是subscribing，这就是什么都不发出的原因。如果未订阅，则不会发出Observables

添加以下代码：

typeahead.subscribe(data => {
 // Handle the data from the API
});

Answer 2

您还没有subscribed observable，只有添加以下代码后才能获得emitted

typeahead.subscribe(item => {
  console.log('subscribe');
});

检查工作的link

fromEvent没有得到键盘事件

2 个答案: