在angular js中使用表达式作为ng-class

时间:2018-02-01 07:33:34

标签: javascript angularjs class

我有无序列表,其中我希望每个li都有不同的不同类,这将是动态的。

我的代码是

$scope.className = ['clr1','clr2','clr3','clr4','clr5'];

我的Html:

  <div>
        <ul>
         <li  ng-repeat="item in mainitem"  ng-style="{color: color[$index]}" >
              <span  ng-class="{className [$index]}">{{ item.name}}</span>  // At this line I ahve added dynamic class but its not working
          </li>
        </ul>
   </div>

根据classname数组,这不是应用类!!

这段代码有什么问题吗?谢谢你的帮助!!

2 个答案:

答案 0 :(得分:2)

您可以使用[]代替{}

 <div>
        <ul>
         <li  ng-repeat="item in mainitem"  ng-style="{color: color[$index]}" >
              <span  ng-class="[className[$index]]">{{ item.name}}</span>  
          </li>
        </ul>
   </div>

例如工作,请参阅此codepen codepen

答案 1 :(得分:0)

由于代码已在问题中发布,因此在评估类名

时缺少左括号
byte checksum(byte[] buf) {
    int[] intArray = new int[buf.length];
    for(int i=0; i<buf.length; i++){
        int x = buf[i];
        intArray[i] = x;
    }

    int sum = 0;
    for (int i : intArray) {
        sum += i;
    }

    sum = sum & 0xff;

    int cs = 1;

    if (sum >= 1 && sum <= 255) {
        cs = 256 - sum;
    }

    return (byte) cs;
}

应该是

<span  ng-class="{className [$index]}">{{ item.name}}</span>

当它没有评估时,你最终将没有课程