Output loop index for ng-repeat

Description

The following code shows how to output loop index for ng-repeat.

Example


<!doctype html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
</head><!--from  w  w  w. j  av  a 2 s .c om-->
<body>
  <div ng-app="">
  <div ng-init="friends = [{name:'John', age:25}, {name:'Mary', age:28}]">
    I have {{friends.length}} friends. They are:
    <ul>
      <li ng-repeat="friend in fs = friends">
        [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
      </li>
    </ul>
      <pre>{{friends.length}}</pre>
      <pre>{{fs.length}}</pre>
  </div>
</div>
</body>
</html>

Click to view the demo





















Home »
  AngularJS »
    AngularJS Example »




Controller
Directives
Expression
Filter
Form
Inject
Scope
Server
Style
Template
Utilities