下拉菜单在 MatTable 中自动关闭

Question

我有 Mat Table 每 5 秒更新一次，如下所示。

ngOnInit() {
timerId = window.setInterval(() => {
    this.getAppLiveStreams(this.streamListOffset, this.pageSize);      
}, 5000);
}



getAppLiveStreams(offset: number, size: number): void {

        offset = offset * size;

        this.restService.getAppLiveStreams(this.appName, offset, size).subscribe(data => {
            this.broadcastTableData.dataRows = [];
            for (var i in data) {

                this.broadcastTableData.dataRows.push(data[i]);

            }
            this.dataSource = new MatTableDataSource(this.broadcastTableData.dataRows);
        });
       }

此外，我在列表中有一个下拉列表，如下所示

当仪表板被定时器刷新时下拉关闭。我想下拉菜单在计时器刷新时不要关闭。谢谢

Answer 1

我用clearInterval方法解决了这个问题。让我在我的解决方案中告诉你：

单击下拉菜单时，我将停止 timerId 并开始 dropdownTimer（开始时间隔为 10 秒）。 DropdownTimer 在 10 秒后默认启动 timerId。

在我看来，10 秒足以选择一些动作。如果没有选择，关闭下拉菜单或单击下拉菜单中的任何项目，默认 timerId 将在 10 秒后开始。

下拉菜单在 MatTable 中自动关闭

Dropdown closing automatically in MatTable

angular

angular6