我将如何使用angularjs指令更改基于值的字体颜色？

Question

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

 $scope.due =[{somedate: "April.8.2010"}, {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'.