[SOLUCIONADO] Uso de variables en un template en angularjs

[isaacsc]

Hola

Estoy utilizando angularjs para consumir un servicio REST, el problema es que necesito crear un menú dinamicamente con un evento click en cada item en el que necesito pasar un indice a esa llamada de menú para cargar uno u otro dato.

Necesito que la varible "i" que le paso a la función mostrar se incremente en cada vuelta del ng-repeat.

Mi código es el siguiente:
Vista:

Código HTML:

<div id="menu" ng-controller="MenuController" ng-model="seccion">
    <ul>
        <li ng-repeat = "item in menu" ng-click = "mostrar(i+1)" ng-model="i">{{item.nombre}}</li>
    </ul> 
</div>
 

Controlador:

Código Javascript:

//datos inicio es una fabrica generada previamente
function MenuController($scope, datosInicio){
  $scope.menu=datosInicio.lista;
  $scope.i = 0;
  $scope.add = function(i) {
    $scope.seccion = datosInicio.lista[i];
  }
}
 

Gracias

[isaacsc]

Ya he encontrado una solución:

Utilizando $index.

Código HTML:

<ul>
        <li ng-repeat = "item in menu" ng-click = "add($index)">{{item.nombre}}</li>
 

y en el controlador.

Código Javascript:

function MenuController($scope, datosInicio){
  $scope.menu=datosInicio.lista;
  $scope.i = 0;
  $scope.add = function($index) {
    $scope.seccion = datosInicio.lista[$index];
  }
}
 

Es importante que el $index vaya sin {{}} por que si no no funciona

Código HTML:

<li ng-repeat = "item in menu" ng-click = "add({{$index}})"> //No funciona
<li ng-repeat = "item in menu" ng-click = "add($index)"> //Funciona