javascript - 根据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>