Get the index (counter) of an 'ng-repeat' item with AngularJS?

Question

I am using AngularJS and its ng-repeat directive to display a sequence of questions. I need to number each question starting with 1. How do I display and increment such a counter with ng-repeat? Here is what I have so far:

<ul>     <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">         <div>             <span class="name">                 {{ question.questionText }}             </span>         </div>         <ul>             <li ng-repeat="answer in question.answers">                 <span class="name">                     {{answer.selector}}. {{ answer.answerText }}                 </span>             </li>         </ul>     </li> </ul> 

Answer 1

Angularjs documentation is full of examples, you just need to take some time and explore it.

See this example here : ngRepeat example , it's the same case.

<ul>      <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">          <div>              <span class="name">                  {{$index + 1}} {{ question.questionText }}              </span>          </div>          <ul>              <li ng-repeat="answer in question.answers">                  <span class="name">                      {{answer.selector}}. {{ answer.answerText }}                  </span>              </li>          </ul>      </li>  </ul>

Answer 2

Reached here by searching for something similar.

Here is what worked for me.

{{$index + 1}} 

+1 is added because the index starts from 0.