angularjs - 我将如何使用 angularjs 指令根据值更改字体颜色？

Question

我想创建一个指令，该指令可以根据某些未显示的值更改跨度上显示的文本的字体颜色。
我有一个数组：

 $scope.due =[{somedate: "April.8.2010"}, {past:"yes"}];

如果 "past" 的值为 yes，则 span: 内的值<span>{{somedue.date}}</span>将为红色，否则如果 "past" 为 no，则字体颜色为黑色。我是 angularjs 的新手，所以如果你能建议我如何使用 angularjs 来做到这一点，我将不胜感激。

Answer 1

您可以使用ng-class

<span ng-class="{red: past == 'yes', black: past == 'no'}">{{somedue.date}}</span>

将应用红色或黑色类。您可以通过 CSS 设置样式以使颜色变为红色/黑色。

示例：http: //jsfiddle.net/TheSharpieOne/NHS73/

您的示例中的数据结构很奇怪，在我的示例中已对其进行了修改以展示ng-class。

另外：您可以使用true/false而不需要对'yes'/进行字符串比较'no'。