首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在另一个组件中使用的组件中添加ngClass条件

如何在另一个组件中使用的组件中添加ngClass条件
EN

Stack Overflow用户
提问于 2020-05-26 17:31:42
回答 2查看 43关注 0票数 0

我是angular的新手,我有一个网格,它有一个使用Kendo的细节视图,当我点击该行时,另一个组件中的细节将被绑定:

代码语言:javascript
运行
复制
 <div *kendoGridDetailTemplate="let dataSource">
 <category-details [ngClass]="{'positive':dataSource.comment=='VPN'}"></app-category-details> 
</div>

我的dataSource的其中一个项目是评论,当评论是VPN时,我想使用CSS积极地更改背景颜色:

代码语言:javascript
运行
复制
 .positive {
    background-color: green;
}

上面的代码不工作,也不会给我任何错误,一般情况下,像这样添加条件应该可以工作,如果我在另一个组件中添加一个条件!?任何帮助将被告知

EN

回答 2

Stack Overflow用户

发布于 2020-05-26 17:37:52

在全局css文件中定义您的.positive类。

您的ngClass如下所示:

代码语言:javascript
运行
复制
[ngClass]="dataSource.comment=='VPN' ? 'positive':''"
票数 0
EN

Stack Overflow用户

发布于 2020-05-26 17:42:31

最有可能的是,您只需要为category-details组件设置ViewEncapsulation.None

代码语言:javascript
运行
复制
@Component({
...
  encapsulation: ViewEncapsulation.None
})
...
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62018909

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档