Angular - 自动向具有给定类的所有元素添加指令

Question

是否可以以编程方式将指令添加到具有给定类名的组件中的所有元素，可能使用

document.getElementsByClassName("btn")

我想将matRipple指令添加到使用该类的所有元素btn，而不需要我们的团队手动将指令添加到每个元素。

或者我是否缺少另一种方法将 Angular Material 指令应用于给定类或标签名称的元素（例如button）

请注意，这适用于我们不想将它们全部切换到mat-buttons 的旧版应用程序。该指令工作正常，但我正在寻找一种让我们的开发人员更轻松的方法。

Answer 1

或者我是否缺少另一种方法将 Angular Material 指令应用于给定类或标签名称的元素（例如按钮）

是的，您可以声明一个基于标签、属性、类等的选择器。对于一个类，您可以将其定义为：'.class'。

您可以在文档中找到所有选项