Javascript 如何组合这两个ng类语句? {{v.term}}
目前,第一个Javascript 如何组合这两个ng类语句? {{v.term}},javascript,angularjs,angularjs-ng-class,Javascript,Angularjs,Angularjs Ng Class,目前,第一个ng类覆盖了我拥有的第二个ng类。如何将这两者结合起来,从而得到某种蓝色类和方向类型?将它们链接在一起,就像第一个一样 <ul> <li ng-repeat="(k, v) in chartTags track by k" class="blue-tag"> <div class="tag" ng-class="{blue1: k == 0 , blue2: k == 1 , blue3: k == 2
ng类
覆盖了我拥有的第二个ng类。如何将这两者结合起来,从而得到某种蓝色类和方向类型?将它们链接在一起,就像第一个一样
<ul>
<li ng-repeat="(k, v) in chartTags track by k" class="blue-tag">
<div class="tag"
ng-class="{blue1: k == 0 , blue2: k == 1 , blue3: k == 2 }"
ng-class="{'positive': v.direction == 'positive',
'negative': v.direction == 'negative',
'' : v.direction == 'stagnant'}">{{v.term}}</div>
</li>
</ul>
它不会停止评估,因此您可以有多个类
是另一篇关于使用ng class
添加多个类的文章,您可以使用数组,使表达式更加简洁易读:
<div class="tag" ng-class="{blue1: k == 0 , blue2: k == 1 , blue3: k == 2, 'positive': v.direction == 'positive',
'negative': v.direction == 'negative',
'' : v.direction == 'stagnant'}">
</div>
学期
为什么不只使用一个ng类。
<div class="tag"
ng-class="[{0:'blue1', 1:'blue2', 2:'blue3'}[k], v.direction]">{{v.term}}</div>