angular.js - Bagaimana untuk menambah warna pada teks dengan penapis tersuai angularjs?

Question

Ini ialah penapis:

app.filter('ifLogin', function () {

    return function (target) {


        if (target == "0") {

            return "在职";

        } else {

            return "离职";

        }

    }

});

Ini adalah bahagian yang realistik:

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

Tunjukkan keputusan:

Soalan, jika anda ingin memaparkan hijau apabila anda bekerja, dan merah apabila anda tidak bekerja! ! ! ? ?
Adakah terdapat cara yang mudah untuk melakukan ini dalam sudut?

Answer 1

Untuk keperluan ini, adalah tidak sesuai untuk menggunakan penapis untuk bahagian warna Ia lebih mudah digunakan ng-class atau ng-style, contohnya:

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