Angularjs 如何在ng类中生成迭代数/计数器

如何在ng类中实现迭代，下面是我的代码

 <div class="list-message">
      <ul>
        <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet(i++)}" >
          <a href ng-click="setTab(i++) " ng-repeat="x in mainList">
            {{x.message_text}}
          </a>
        </li>
      </ul>
     </div>

   <div class="detail-message">
    <ul ng-repeat="mainList in itemsList track by $index" ng-show="isSet(i++)">
      <li ng-repeat="x in mainList">
        {{x.message_detail}}
      </li>
    </ul>
   </div>

{{x.message_detail}

我想要的结果如下所示。ng类中的iterarion将是count iterarion number

  <div class="list-message">
     <ul>
      <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet(1)}" >
         <a href ng-click="setTab(1) " ng-repeat="x in mainList">
            {{x.message_text}}
          </a>
       </li>

      <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet(2)}" >
        <a href ng-click="setTab(2) " ng-repeat="x in mainList">
          {{x.message_text}}
         </a>
       </li>

       <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet(3)}" >
         <a href ng-click="setTab(3) " ng-repeat="x in mainList">
           {{x.message_text}}
         </a>
       </li>
     </ul>
    </div>

   <div class="detail-message">
    <ul ng-repeat="mainList in itemsList track by $index" ng-show="isSet(1)">
      <li ng-repeat="x in mainList">
        {{x.message_detail}}
      </li>
    </ul>
    <ul ng-repeat="mainList in itemsList track by $index" ng-show="isSet(2)">
      <li ng-repeat="x in mainList">
        {{x.message_detail}}
      </li>
    </ul>
    <ul ng-repeat="mainList in itemsList track by $index" ng-show="isSet(3)">
      <li ng-repeat="x in mainList">
        {{x.message_detail}}
      </li>
    </ul>
   </div>

{{x.message_detail}




{{x.message_detail}




{{x.message_detail}

---

感谢您，感谢您的每一条评论和帮助。

使用$index跟踪索引，重复ng repeat

<ul>
<li ng-repeat="mainList in itemsList track by $index" ng-class="{ active: isSet($index)}" >
<a href ng-click="setTab($index) " ng-repeat="x in mainList">
{{x.message_text}}
</a>
</li>
</ul>

使用$index跟踪ng repeat中的索引

<ul>
<li ng-repeat="mainList in itemsList track by $index" ng-class="{ active: isSet($index)}" >
<a href ng-click="setTab($index) " ng-repeat="x in mainList">
{{x.message_text}}
</a>
</li>
</ul>

使用$index将帮助您跟踪索引。 $index是重复元素（0..length-1）的迭代器偏移量

你可以像这样使用它

 <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet($index)}" >
     <a href ng-click="setTab($index) " ng-repeat="x in mainList">
       {{x.message_text}}
     </a>
   </li>

使用$index将帮助您跟踪索引。 $index是重复元素（0..length-1）的迭代器偏移量

你可以像这样使用它

 <li ng-repeat="mainList in itemsList" ng-class="{ active: isSet($index)}" >
     <a href ng-click="setTab($index) " ng-repeat="x in mainList">
       {{x.message_text}}
     </a>
   </li>

谢谢你的评论，但它对我不起作用，我已经更新了我的代码谢谢你的评论，但它对我不起作用，我已经更新了我的代码谢谢你的评论，但它对我不起作用，我已经更新了我的代码当使用ng类时，你不应该使用单个花括号，只要删除它们，它就会起作用。请用控制器代码创建一个更容易评估的plunkr。我终于成功了，你的代码是对的，我只是把我的代码放错地方了。谢谢你的代码手册谢谢你的评论，但它不适合我，我已经更新了我的代码当使用ng类你不应该使用单花括号，只要删除它们，它就会工作。请用控制器代码创建一个更容易评估的plunkr。我终于成功了，你的代码是对的，我只是把我的代码放错地方了。谢谢你的密码员