使用条件css的ng-repeat值

Question

我们有一个json数据源填充html页面就好了。 ng-style，ng-switch没有 似乎解决了我们的问题。我们需要有条件地应用于基于css样式的飞行 关于ng-repeat的返回值。例如，当返回的值时 {{mem.name}}被“限制”我们需要背景显示为黄色，文字显示为黑色。当{{mem.name}}的值为“已关闭”时，我们需要背景显示为红色，文本显示为白色。这必须基于返回值发生，而不是基于任何用户交互。提前感谢您提供的任何指示。

Answer 1

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

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

然后在你的CSS中

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