angulaire.js - Comment ajouter de la couleur au texte avec le filtre personnalisé d'Angularjs ?

Question

Voici le filtre :

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

    return function (target) {


        if (target == "0") {

            return "在职";

        } else {

            return "离职";

        }

    }

});

Voici la partie réaliste :

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

Afficher les résultats :

Question, si vous souhaitez afficher du vert lorsque vous êtes salarié, et du rouge lorsque vous êtes sans travail ! ! ! ? ?
Existe-t-il un moyen pratique de le faire en angulaire ?

Answer 1

Pour cette exigence, il n'est pas approprié d'utiliser des filtres pour la partie couleur. Il est plus pratique d'utiliser ng-class ou ng-style, par exemple :

.

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