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

Question

我有一个无序列表，其中我希望每个 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>

根据类名数组，这不是应用类!!

这段代码有什么问题吗？感谢您的帮助!!

Answer 1

您可以使用 [] 代替 {}

 <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