Increment a line number using angular js

Question

How to increment a line number in AngularJS??

$scope.line = 1;
$scope.next = function(){
  .....;
  .....;
  .....;
  $scope.line++;
};

I am using it as Line:{{line}}

But every element gets the same number. What should I do here contain them in an array and display them using repeat or is there any better way?

charlietfl · Accepted Answer · 2016-07-15 14:56:41Z

5

ng-repeat provides access to array index of instance as $index in each child scope

Could try

<div ng-repeat="item in items">
   Line: {{$index+1}}    
</div>

answered Jul 15, 2016 at 14:56

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1