Я не знаю, как добавить в свой компонент<component></component> динамичныйучебный класс атрибут, но внутри шаблона html (component.html).

Единственное решение, которое я нашел, - изменить элемент с помощью нативного элемента "ElementRef". Это решение кажется немного сложным, чтобы сделать что-то, что должно быть очень простым.

Другая проблема заключается в том, что CSS должен быть определен вне области компонента, нарушая инкапсуляцию компонента.

Есть ли более простое решение? Что-то вроде<root [class]="..."> .... </ root> внутри шаблона.