Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了我将如何使用angularjs指令更改基于值的字体颜色?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想创建一个指令,可以根据未显示的某个值更改跨度上显示的文本的字体颜色.我有一个数组:

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

如果“过去”的值为是,那么跨度内的值:< span> {{somedue.datE}}< / span>将是红色,否则如果“过去”为否,则字体颜色为黑色.我是angularjs的新手,所以我很感激,如果你可以建议我怎样才能使用angularjs.

解决方法

你可以使用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’进行字符串比较.

大佬总结

以上是大佬教程为你收集整理的我将如何使用angularjs指令更改基于值的字体颜色?全部内容,希望文章能够帮你解决我将如何使用angularjs指令更改基于值的字体颜色?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。