Angular - автоматически добавляет директиву ко всем элементам данного класса

Question

Можно ли программно добавить директиву ко всем элементам в компоненте с заданным именем класса, возможно, используя

document.getElementsByClassName("btn")

Я хочу добавить директиву matRipple ввсе элементы, которые используют класс btn, не требуя от нашей команды ручного добавления директивы к каждому элементу.

Или есть другой способ пропустить применение директивы Angular Material к элементам данного класса или тегаname (например, button)

Обратите внимание, что это предназначено для устаревших приложений, где мы не хотим переключать их все на mat-button s.Директива работает нормально, но я ищу способ сделать ее проще для наших разработчиков.

Answer 1

Или есть другой способ пропустить применение директивы Angular Material к элементам данного класса или имени тега (например, кнопка)

Да, вы можете объявить селектор на основе тега, атрибута, класса и т. Д. Для класса вы определяете его как: '.class'.

Вы можете найти все варианты в документах