Tenho um menu que é preenchido de modo dinâmico:
<div ng-controller="menuDinamicoController as vm">
<div ng-show="isAutenticado">
<img src="{{vm.fotoUser}}" id="imagemUsuario" width="50px" />
<label id="nomeUsuario" ng-model="nomeUser">{{vm.nomeUser}}</label>
<div id="menu">
<ul>
<li ng-repeat="x in menu">
<a href="{{x.Link}}" ng-click="vm.{{x.Id}}()">{{x.Nome}}</a>
</li>
</ul>
</div>
</div>
</div>
A estrutura do link está sendo retornada corretamente:
<a href="#" ng-click="vm.sair()" class="ng-binding">Sair</a>
Na minha controller tenho a seguinte função:
vm.sair = function () {
$cookieStore.remove("Usuario");
$cookieStore.remove("Token");
$location.path("/");
};
Porém, o ng-click não está chamando a função.E o seguinte erro ocorre: Syntax Error: Token 'x.Id' is at column {2} of the expression [{3}] starting at [{4}].