如何通过由Angular Material使用类选择器渲染的指令来定位元素



我正在测试一个简单的用例,其中我创建了一个指令(选择器是类名(,当我尝试以简单类为目标时,一切都按预期运行,但该指令在Angular Material元素的情况下不会初始化,对于测试用例,我使用了一个简单MatMenu,当它打开时,它会呈现一个类为cdk-overlay-container的div,这是我的目标,也是指令没有被调用的问题的根源。

任何帮助都会很好,

代码链接:StackBlitz

Angular的directiveclass选择器只能针对DOM中的静态元素。它不能针对动态插入到DOM中的类名。

在您的情况下,当您单击菜单时,cdk-overlay-container会动态插入到DOM中。因此,一个简单的静态类就起作用了。

最新更新