6

Tenho uma aplicação que utiliza um ng-repeat para listar informações. Assim:

HTML

<div ng-controller="listaCtrl">
    <div ng-repeat="item in lista" ng-controller="itemCtrl">
        <pre>{{item}}</pre>
    </div>
</div>

Estou utilizando este exemplo para trabalhar sobre cada item da lista, e preciso saber o index que esse ng-repeat contém dentro do meu itemCtrl.

Existe algum método para pegar o $index do ng-repeat dentro do meu controller?

1
  • Pegar o index quando? 22/01/2016 às 13:41

1 Resposta 1

9

Utilize a constante $index normalmente, ela é referenciada no escopo parent. O sample abaixo demonstra este comportamento:

function listCtrl($scope) {
  
  $scope.items = [{name:'a'},{name:'b'},{name:'c'}];
  
}

function itemCtrl($scope) {
  
  console.log('Index atual:' + $scope.$index);
  
}
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  </head>
  <body>
    <div ng-controller="listCtrl">
      <div ng-repeat="i in items" ng-controller="itemCtrl">
        <pre>{{$index}} - {{i}}</pre>
      </div>      
    </div>
  </body>
</html>

O resultado no console é o seguinte:

Index atual:0
Index atual:1
Index atual:2
3
  • valeu parceiro, já tava imaginando um monte de abobrinha que eu ia ter que jogar isso como um input dentro do bloco do controller, e bla bla bla rs.. 22/01/2016 às 14:26
  • 1
    @LeandroLUK Sempre um prazer ajudar - o pessoa do Angular fez um bom trabalho, o número de gambiarras realmente necessário é mínimo. ;)
    – OnoSendai
    22/01/2016 às 14:27
  • sem sombra de dúvidas! to doido pra sair o Angular2 e começa a estudar ele direitinho (já tem na verdade mas ainda ta em beta) 22/01/2016 às 15:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .