我将如何使用angularjs指令更改基于值的字体颜色?
发布时间:2020-12-17 06:52:41 所属栏目:安全 来源:网络整理
导读:我想创建一个指令,可以根据未显示的某个值更改跨度上显示的文本的字体颜色.我有一个数组: $scope.due =[{somedate: "April.8.2010"},{past:"yes"}]; 如果“过去”的值为是,那么跨度内的值: span {{somedue.date}} / span将是红色,否则如果“过去”为否,则
我想创建一个指令,可以根据未显示的某个值更改跨度上显示的文本的字体颜色.我有一个数组:
$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’进行字符串比较. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |