我如何将click事件附加到Angular 7+中的插件添加到DOM的元素上？

Question

我正在使用VMWareClarity模块将数据网格添加到页面。作为此数据网格的一部分，有一个按钮可以打开网格上方的弹出窗口，以选择要隐藏/显示的列。一旦选择了列，就可以通过单击关闭按钮来关闭弹出窗口。

我需要在弹出窗口的关闭按钮上附加一个动作，但是我无法访问该元素以单击它，因为只有在单击“隐藏/显示列”按钮后，该元素才会在DOM中呈现。我尝试在elementRef.nativeElement.querySelector，ngAfterViewInit和changeDetection中添加@HostListener，但没有一个能够找到加载到DOM中的新弹出式元素。

Answer 1

您是否检查了父节点的目标元素？通常，在最高的DOM级别的Body标记中创建一个弹出窗口（取决于您的UI框架）。否则，您仍然可以实现如下所示的Output() EventEmitter：https://ultimatecourses.com/blog/component-events-event-emitter-output-angular-2

输出组件的示例代码：

@Output() change = new EventEmitter<number>();