Utilizando a diretiva ng-click
para pegar um evento de clique em um link seria algo parecido com:
<a ng-click="call('home')" href="#" title="ir para homepage">Home</a>
Mas isto não seria a mesma coisa que o uso de onclick="call('home')"
?
Uma boa prática no desenvolvimento web não é separar cada documento com a sua devida funcionalidade? Evitando aquele monte de CSS e JavaScript inline?
É possível, por exemplo, selecionar um elemento de forma semelhante ao conhecido $('foo').on('click', function(){});
i.e conseguir acessar o elemento do arquivo JavaScript e sem encher o HTML
de diretivas?
Por exemplo:
<a ng-model='abrir' href='#'>Abrir</a>
E no JS:
$scope.abrir.on('click', function(){
call('foo');
});
$('foo').on('click', ...
para garantir que o evento esteja assinado depois de o componente ser reconstruído por uma requisição ajax. Informar na view a função do botão é como informar a fonte do valor de um campo,{{pessoa.nome}}
. Isso não é o mesmo que misturar html e javascript no mesmo código. Você não está preocupado por exemplo com o código<input class="btn-primary" type="submit"...
, está? Esse código tem o mesmo conceito que o seu<a ng-click="call('home')"...
, não?