您的位置:首页技术文章
文章详情页

angular.js - angularjs的自定义过滤器如何给文字加颜色?

日期:2023-11-30浏览:302作者:猪猪【字号:
导读:问题描述这是过滤器:app.filter(’ifLogin’, function () { return function (target) {if (tar...

问题描述

这是过滤器:

app.filter(’ifLogin’, function () { return function (target) {if (target == '0') { return '在职';} else { return '离职';} }});

这是现实的部分:

<tr ng-repeat='x in datas'> <td>{{ x.id }}</td> <td>{{ x.corp}}</td> <td>{{ x.department }}</td> <td>{{ x.status|ifLogin }}</td></tr>

展示显示结果:angular.js - angularjs的自定义过滤器如何给文字加颜色?

问题,如果让在职显示绿色,离职显示红色!!!??angular有没有什么方便的做法吗?

问题解答

回答1:

这个需求,颜色的部分用过滤器不合适,用ng-class或者ng-style更方便,譬如:

<tr ng-repeat='x in datas'> <td>{{ x.id }}</td> <td>{{ x.corp}}</td> <td>{{ x.department }}</td> <td ng-style='{color: x.status === ’0’ ? ’green’ : ’red’}'>{{ x.status |ifLogin }}</td></tr>

相关文章: