Мне часто требуется больше одного контроллера в одном маршруте, и я хотел бы знать, могу ли я использовать такой синтаксис:
angular.module('app', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
$routeProvider.when('/', {
template : 'index.html',
controller : ['Ctrl1', 'Ctrl2']
});
}]);
папка контроллера индекса
angular.module('app')
.controller('Ctrl1', function(){
})
.controller('Ctrl2', function(){
});
Контроллеры могут стать очень большими.
Цель состоит в том, чтобы загрузить их только при необходимости.
Вам не нужно определять контроллеры на маршруте, вы можете определить их в своем HTML:
JS:
angular.module('app', ['ngRoute'])
.config(['$routeProvider', function($routeProvider){
$routeProvider.when('/', {
template : 'index.html',
});
}]);
angular.module('app')
.controller('Ctrl1', function(){
})
.controller('Ctrl2', function(){
});
HTML:
<div ng-controller="Ctrl1"></div>
<div ng-controller="Ctrl2"></div>