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

Question

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

document.getElementsByClassName("btn")

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

或者还有另一种方法我缺少将 Angular Material 指令应用于给定类或标记名称的元素(例如 button)

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

Answer 1

Or is there another way I am missing to apply an Angular Material directive to elements of a given class or tag name (e.g. button)

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

您可以在 docs 上找到所有选项