我是angular的新手,我有一个网格,它有一个使用Kendo的细节视图,当我点击该行时,另一个组件中的细节将被绑定:
<div *kendoGridDetailTemplate="let dataSource">
<category-details [ngClass]="{'positive':dataSource.comment=='VPN'}"></app-category-details>
</div>
我的dataSource的其中一个项目是评论,当评论是VPN时,我想使用CSS积极地更改背景颜色:
.positive {
background-color: green;
}
上面的代码不工作,也不会给我任何错误,一般情况下,像这样添加条件应该可以工作,如果我在另一个组件中添加一个条件!?任何帮助将被告知
发布于 2020-05-26 17:37:52
在全局css文件中定义您的.positive
类。
您的ngClass
如下所示:
[ngClass]="dataSource.comment=='VPN' ? 'positive':''"
发布于 2020-05-26 17:42:31
最有可能的是,您只需要为category-details
组件设置ViewEncapsulation.None
@Component({
...
encapsulation: ViewEncapsulation.None
})
...
https://stackoverflow.com/questions/62018909
复制相似问题