有条件css的Ng-repeat值



我们有一个json数据源填充html页面很好。n -style, n -switch不要似乎解决了我们的问题。我们需要有条件地应用基于css的动态样式在ng-repeat的返回值上。返回的值{{mem.name}}是"受限制的",我们需要将背景显示为黄色,文本显示为黑色。当{{mem.name}}的值为'closed'时,我们需要将背景显示为红色,文本显示为白色。这必须基于返回值,而不是基于任何用户交互。

尝试将以下内容添加到重复元素HTML:

ng-class="{{mem.name == 'restricted' && 'restrictedClass' || mem.name == 'closed' && 'closedClass'}}"

然后在你的CSS

.restrictedClass{
 background:yellow;
 color:black;
}
.closedClass{
 background:red;
 white;
}

相关内容

  • 没有找到相关文章

最新更新