Estou desacoplando alguns componentes e estou com dúvida na hora de criar um controller vinculado com o template.
Tenho por exemplo a tela de Login, na minha directive faço:
app.directive('appLogin',function(){
return{
scope: {},
restrict:'E',
templateUrl:'view/usuario/login.html',
controller: ['$scope', function($scope) {
console.log($scope.login);
}],
};
});
Desta forma consigo pegar todos os valores da tela login e realizar alguma ação, gostaria de realizar uma separação para deixar assim:
app.directive('appLogin',function(){
return{
scope: {},
restrict:'E',
templateUrl:'view/usuario/login.html',
controller: 'controller/usuario/login.js'
};
});
Desta forma eu iria incluir apenas um arquivo de init.js no index.html e ele iria carregar todos os modulos e controllers que eu preciso.
O que eu estou fazendo de errado? esta é a forma correta de realizar modularização em angular? estou separando 1 arquivo para Controller e um para View.