Question

我尝试了下面的代码，添加了一个ButtonCtrl和一个FooterCtrl但是没有用。

'use strict';

angular.module('myApp.controllers', ['ngRoute'])

.controller('ButtonCtrl', [function() {

    this.nextButtonTitle = "Next";
    this.backButtonTitle = "Back";

    this.adminButtonTitle = "Admin Login";
    this.loginButtonTitle = "Log in";

    this.submitButtonTitle = "Submit";

}, 'FooterCtrl', function(){

    this.showTime = false;
}]);

如何将多个控制器添加（如果可以）到同一个angular.module？

Answer 1

angular.module('myApp.controllers', ['ngRoute'])
    .controller('ButtonCtrl', [function() {
        // ...
    }])
    .controller('FooterCtrl', [function() {
        // ...
    }]);

Answer 2

您可以在模块中定义多个控制器，如此

angular
    .module('myApp.controllers', [])
    .controller('ButtonCtrl', function (){
        //controller 1 stuff
    })
    .controller('FooterCtrl', function (){
        //controller 2 stuff
    });

Answer 3

你也可以这样做：

var app=angular.module('app', []);
app.controller('ctrl1',function(){
  ...
});
app.controller('ctrl2',function(){
  ...
});
...

在同一模块中定义多个控制器

3 个答案: