angular.js - angularjs的自訂濾鏡如何為文字加上顏色？

Question

這是過濾器：

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有沒有什麼方便的做法嗎？

Answer 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>