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를 사용하는 것이 더 편리합니다. 으아악