2016-07-25 9 views
3

このループで質問番号を取得する必要があります。AngularJSのng-repeatでループ番号を見つける方法

<div ng-repeat="quizqs in Quizdata.questions"> 
    <li ng-click="form.goTo(Form, 1)"> 
     <a href ng-class="{'selected' : currentStep >= 1, 'done' : currentStep > 1}"> 
      <div class="stepNumber"> 1 </div> 
      <span class="stepDesc text-small">Question No {{quizqs.id}} - {{Quizdata_Lenght}}</span> 
     </a> 
    </li> 
</div> 

答えて

3

あなたはループループ番号またはループIDを取得するには{{$index}}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-repeat="quizqs in [12,43,354,13,653]"> 
 
    <li ng-click="form.goTo(Form, 1)"> 
 
     <a href ng-class="{'selected' : currentStep >= 1, 'done' : currentStep > 1}"> 
 
     <div class="stepNumber"> 
 
     </div> <span class="stepDesc text-small">Question No {{$index}}</span> 
 
     </a> 
 
    </li> 
 
    </div> 
 
</div>

0

を使用することができ、AngularJSはとして知られているビルトイン変数を持っています - $index

この $indexのみ(のよう filterng-include、カスタムディレクティブなど)のいずれかのHTMLファイルやディレクティブで ng-repeatで使用することができます

覚えている:0から$indexを開始し、あなたが望む時はいつでも1から始めるには、1ずつ増やす必要があります。以下

コード:

<div class="stepNumber"> 
      {{index}} 
</div> 
<span class="stepDesc text-small">Question No: {{$index + 1}}</span>  

DEMO

関連する問題