Angular 角度-自动将指令添加到具有给定类的所有元素

Angular 角度-自动将指令添加到具有给定类的所有元素,angular,angular-material,angular-directive,Angular,Angular Material,Angular Directive,是否可以通过编程方式将指令添加到具有给定类名的组件中的所有元素,可能使用 document.getElementsByClassName(“btn”) 我想将matRipple指令添加到使用btn类的所有元素中,而不需要我们的团队手动将指令添加到每个元素中 或者,我是否缺少另一种方法将角度材质指令应用于给定类或标记名的元素(例如,按钮) 请注意,这适用于我们不想将其全部切换到mat按钮的传统应用程序。该指令工作良好,但我正在寻找一种方法,使我们的开发人员更容易 或者,我是否缺少另一种方法将角度材

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

document.getElementsByClassName(“btn”)

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

或者,我是否缺少另一种方法将角度材质指令应用于给定类或标记名的元素(例如,
按钮

请注意,这适用于我们不想将其全部切换到
mat按钮的传统应用程序。该指令工作良好,但我正在寻找一种方法,使我们的开发人员更容易

或者,我是否缺少另一种方法将角度材质指令应用于给定类或标记名(例如按钮)的元素

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


您可以在

上找到所有选项,为什么不只搜索并替换一次呢?我正在寻找一个可以添加的JS,这样我的开发人员就不需要这样做了。只是好奇,因为这是显而易见的解决方案,但需要他们做些什么。这很好,但需要我对指令本身进行代码更改。虽然我可以为自己的指令这样做,但我不想编辑AngleMaterial的源代码。除非我误解了……你是对的@Steve。没有注意到您正在使用第三方指令。我试图创建一个自定义指令来包装matRipple指令并以编程方式插入它,但到目前为止似乎还不可能。指向一个github请求并提供一个替代方案(不确定这是否适合此用例)。还有,我应该删除这个答案吗?不,你的答案可能会帮助其他人。谢谢你的链接!