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>