在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

看看在AngularJS中提供的ng-class。文檔瀏覽：

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> 

我希望這有助於