Передача аргументов классу css в Angular

#javascript #html #css #angular

Вопрос:

Как я могу передать параметр в класс css в angular ?

 .div-disabled[status="true"]
{
 pointer-events: none;
 opacity: 0.5;
 background: #CCC;
}
 

В моем файле .ts у меня есть disableDiv = true;

Попробовал следующее, похоже, не работает.

 <div status="{{disableDiv}}" class="div-disabled"></div>
 

Ответ №1:

Попробуй это

файл css

 .div-disabled[status=true] {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}
 

html-файл

 <div [attr.status]="disableDiv" class="div-disabled"></div>