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>

在一个路径中定义多个控制器

1 个答案: