使用html/css技术来更改颜色，但这会使颜色出错吗？

我目前正试图建立一个表格，将昨天的数字与目标进行比较，如果昨天较高，则将其定为绿色（作为css类文本成功），否则，如果较低，则为橙色。这是代码。括号里的部分是我的问题所在，因为我不知道它叫什么

出于某种原因，即使目标是100，昨天是45，它也会显示绿色

 <tr data-ng-repeat="row in data.rows">

    <td><span class="h1 text-white">{{ row.target | number}}</span></td>
    <td><span class="text-{{ row.yesterday > row.target ? 'success' : 'warning' }}" style="font-size: 2.6em">{{ row.yesterday | number}}</span></td>

</tr>

{{row.target | number}}
{{row.treaty | number}}

在我看来，您的代码应该正常工作

这是一把小提琴的样品：

HTML:

CSS:

或者，您可以使用ng类：

ng-class="row.yesterday > row.target ? 'text-success' : 'text-warning'"

---

在我看来，您的代码应该可以正常工作

这是一把小提琴的样品：

HTML:

CSS:

或者，您可以使用ng类：

ng-class="row.yesterday > row.target ? 'text-success' : 'text-warning'"

---

你能在jfiddle/plunker中复制它吗；类是否总是设置为

“text success”

，还是设置为类似

“text-”

？如果你能把它放到一把小提琴中，那会很有帮助。我不完全理解它，但是它的工作方式（这是一段已经在这里的html）如果row.treaty>row.target，它会插入“success”或“warning”，这样html产品就会变成“text success”或“text warning”，从而插入正确的类名？只是颜色不好？我很难想象这一点。你能在jfiddle/plunker中重现它吗？看看你的开发工具；类是否总是设置为

“text success”

，还是设置为类似

“text-”

？如果你能把它放到一把小提琴中，那会很有帮助。我不完全理解它，但是它的工作方式（这是一段已经在这里的html）如果row.treaty>row.target，它会插入“success”或“warning”，这样html产品就会变成“text success”或“text warning”，从而插入正确的类名？只是颜色不好？我很难想象这一切。

.text-warning {
    color: #FFA500;
}

.text-success {
    color: #00FF00;
}

ng-class="row.yesterday > row.target ? 'text-success' : 'text-warning'"