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

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; 
}]); 

Как вы можете добавить (если можете) несколько контроллеров к одному и тому же угловому модулю?

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(){ 
    ... 
}); 
...