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

Question

im new in angular У меня есть сетка, в которой есть подробный вид, я использую Kendo, когда я нажимаю на строку, деталь, которая находится в другом компоненте, будет привязана:

 <div *kendoGridDetailTemplate="let dataSource">
 <category-details [ngClass]="{'positive':dataSource.comment=='VPN'}"></app-category-details> 
</div>

one them items of my dataSource - это комментарий, когда комментарий - это VPN. Я хочу изменить цвет фона, используя CSS положительное:

 .positive {
    background-color: green;
}

приведенный выше код не работает и также не выдает никаких ошибок, обычно добавление такого условия должно работать, если внутри другого компонента я добавляю условие!? любая помощь будет доступна

Answer 1

Скорее всего вам просто нужно установить ViewEncapsulation.None для category-details компонента

@Component({
...
  encapsulation: ViewEncapsulation.None
})
...

Answer 2

Определите свой .positive класс в глобальном css файле.

ваш ngClass хотел бы это:

[ngClass]="dataSource.comment=='VPN' ? 'positive':''"