fromEvent observable 仅在按下回车键时发出一个值

Question

我正在学习这个 Material data table tutorial 教程，该教程实现了用于过滤的 observable table。

我想修改此代码以仅在按下回车键时分页。

fromEvent(this.input.nativeElement,'keyup')
   .pipe(
        debounceTime(150),
        distinctUntilChanged(),
        tap(() => {
            this.paginator.pageIndex = 0;
            this.loadLessonsPage();
        })
    )
    .subscribe();

我正在尝试在按下键 'Enter' 而不是按下任何键时发出 fromEvent。

Answer 1

您可以使用过滤运算符：

fromEvent(this.input.nativeElement,'keyup')
   .pipe(
        debounceTime(150),
        filter((e: KeyboardEvent) => e.keyCode === 13),
        distinctUntilChanged(),
        tap(() => {
            this.paginator.pageIndex = 0;
            this.loadLessonsPage();
        })
    )
    .subscribe();

fromEvent observable 仅在按下回车键时发出一个值

fromEvent observable emit a value only on hit of enter key

angular-material2

angular