javascript - AngularJS:如何使用 ng-repeat 添加类

Question

在我的标记中，我使用 ng-repeat 向每个 li 元素添加文本，而且我想添加一个类(除了“fa”类)。到目前为止，我正在这样做:

<ul class='social-icons' ng-repeat="social in myCtrl.socialArr">
        <li><i class="fa" ng-class={{social.iconClass}}></i><label>{{social.label}}</label></li>
</ul>

..但它不起作用

在我的 Controller 中我有:

self.socialArr = [
    {
        label: 'Facebook',
        url: 'facebook.com/',
        iconClass: 'fa-facebook'
    },{
        label: 'Twitter',
        url: 'twitter.com/',
        iconClass: 'fa-twitter'
    }...

Answer 1

试试这个

<ul class='social-icons'>
  <li ng-repeat="social in myCtrl.socialArr">
    <i class="fa" ng-class="social.iconClass"></i>
    <label>{{social.label}}</label>
  </li>
</ul>