Определение нескольких контроллеров в одном маршруте

Question

мне часто нужно больше, чем один контроллер в одном маршруте, и я хотел бы знать, могу ли я использовать этот вид синтаксиса:

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(){ 

}); 

Контроллеры могут стать очень большими.
Цель состоит в том, чтобы загрузить их только при необходимости.

Answer 1

Вам не нужно определить контроллеры на маршруте, вы можете определить их на 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>