Добавить класс, основанный на condiiton в angularjs?

Question

Я хочу добавить классы, основанные на состоянии в angularJs, я следую ниже метода, и он отлично работает, есть ли какая-либо лучшая практика?

<div ng-if="client.status != 2" class="list-primary"> 
        <span class="pull-right amount">{{client.receivables|number:2}}</span> 
        <div class="name">{{client.name}}</div> 
       </div> 


       <div ng-if="client.status == 2" class="list-primary text-muted"> 
        <span class="pull-right amount">{{client.receivables|number:2}}</span> 
        <div class="name">{{client.name}}</div> 
       </div> 

Answer 1

Вы можете использовать ng-class для этого:

<!-- apply class 'text-muted' when client.status == 2 --> 
<div class="list-primary" ng-class="{ 'text-muted': client.status == 2 }"> 
    <span class="pull-right amount">{{client.receivables|number:2}}</span> 
    <div class="name">{{client.name}}</div> 
</div> 

Answer 2

Посмотрите ng-class, который предусмотрен в AngularJS. Документация здесь:

https://docs.angularjs.org/api/ng/directive/ngClass

Answer 3

В угловом 1.1.5+ вы можете использовать javascript тройной оператор.

<div ng-class="client.status == 2 ? 'text-muted' : 'other-class'" class="list-primary "> 
    <span class="pull-right amount">{{client.receivables|number:2}}</span> 
    <div class="name">{{client.name}}</div> 
</div> 

Я надеюсь, что это помогает