Javascript 更改ng绑定上的文本颜色？

我想改变文本的颜色，如果挂起它应该绑定类文本成功，如果及时它应该绑定类文本危险，但是它不工作

<tr ng-repeat="entries in abc" ng-click="/#/mypage/{{entries._id}}">
                            <td>{{$index}} </td>
                            <td>{{entries.objective}}</td>
                            <td>{{entries.key_results[0].result}}</td>
                            <td ng-class="{text-success: entries.key_results[0].status == 'Pending', text-danger: entries.key_results[0].status == 'On Time' }">
                            {{entries.key_results[0].status}}
                            </td>
                            <td>{{entries.final_score}}</td>
                            <td>{{entries.owner_ids[0]}}</td>
                            <td> <a class="btn btn-sm btn-success"> View OKR </a></td>
                        </tr>

---

我引用了以下内容：

类名周围缺少引号。应该是这样的：

<td ng-class="{'text-success': entries.key_results[0].status == 'Pending', 'text-danger': entries.key_results[0].status == 'On Time' }">

---

例如，如果您的

ng类

中有两个单词用破折号隔开，则使用

text success

然后您需要将其作为字符串传递，如

“text success”

如果类名只是一个没有破折号的单词（

-

），那么您可以像在这个问题中一样使用

为什么

检查传递给

ng类的参数

{text success:entries.key\u results[0]。状态==''Pending'，text danger:entries.key\u results[0]。状态=='On Time'}

这是一个
json
对象，在
json
对象中有键值对

这里第一个键是
text success
&值等于
条目。键结果[0]。状态==“Pending”
，它是
true
或
false

第二个键是
文本危险
&值等于
条目。键结果[0]。状态==“准时”
，它是
真
或
假

因此，如果
json
对象具有类似
text success
的键，那么它们应该被引用为
“text success”
，这就是我们处理
json
的方式

解决方案

将传递给
ng class
的css类用
double
或
single
引号括起来，如果css类只是一个没有
-
分隔的单词，则不需要引号，但如果您喜欢引用单个单词类也可以。（将参数作为json传递给
ng类，仅此而已）

@atjoshi用正确的补丁更新了答案&jsfiddle:）很高兴能帮助你，cheerz
<td ng-class="{'text-success': entries.key_results[0].status == 'Pending', 'text-danger': entries.key_results[0].status == 'On Time' }">

<td ng-class="{'text-success': entries.key_results[0].status == 'Pending', 'text-danger': entries.key_results[0].status == 'On Time' }">