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

问题描述

这是过滤器：

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有没有什么方便的做法吗？

问题解答

这个需求，颜色的部分用过滤器不合适，用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>