Roteamento em angularjs para vários controladores?
Eu estou tentando construir uma visão - eu configurei dois controladores para praticar, um HeaderCtrl, com alguns dados nele (título do site, fundo do cabeçalho, etc), o outro deve ter o conteúdo principal da página - MainCtrl.
Ao definir a rota, estou fazendo assim:
mainApp.config(function ($routeProvider) {
$routeProvider
.when('/',
{
controller: 'MainCtrl',
templateUrl: 'modules/dashboard.html'
})
})
Isso funciona perfeitamente, mas o que eu quero é especificar vários parâmetros para isso, algo assim:
mainApp.config(function ($routeProvider) {
$routeProvider
.when('/',
{
controller: 'HeaderCtrl',
templateUrl: 'modules/header.html'
},
{
controller: 'MainCtrl',
templateUrl: 'modules/dashboard.html'
})
})
Isso não funciona, então eu estou supondo que não é a maneira de fazê-lo. O que estou realmente perguntando - você pode especificar vários controladores em $ routeProvider? Ou qual seria a maneira correta de construir essa visão?