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>

这篇关于angular.js - angularjs的自定义过滤器如何给文字加颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！