我们有一个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;
}