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