AngularJS動態添加控制器

Question

我不想加載所有的控制器。我發現了一些關於動態加載控制器但沒有成功的文章。我試過了：

var premaApp = angular.module('premaApp', ['ngRoute']); 
premaApp.config(function ($routeProvider) { 
$routeProvider 
    .when('/', 
    { 
     templateUrl: '/Home/Test', 
     controller: 'personController', 
     resolve: '/app/controllers/product.controller.js' 
    }); 
}); 

但是我得到一個錯誤。什麼是正確的方法來做到這一點？

Answer 1

我認爲你的問題在resolve，因爲你用錯了方式。

我這樣做：

$routeProvider 
    .when('/', 
    { 
      templateUrl: "newsView.html", 
      controller: "newsController", 
      resolve: { 
       message: function(messageService){ 
        return messageService.getMessage(); 
      } 
     } 
    }) 

下決心包含必須成功解決之前的路線會改變一個或多個承諾。這意味着您可以在顯示視圖之前等待數據可用，並簡化控制器內模型的初始化，因爲初始數據被提供給控制器，而不是控制器需要出去並獲取數據。

你可以做到這一點還有：

$routeProvider 
     .when('/', 
     { 
       templateUrl: "newsView.html", 
       controller: "newsController", 
      } 
     }) 

的resolve參數是可選。

我希望有幫助！

Answer 2

這是你如何使用的角度不同的視圖和控制器路由

.when('/', { 
    templateUrl: 'partials/homepage.html', 
    controller: 'Controller1' 
}) 
.when('/test', { 
    templateUrl: 'partials/test.html', 
    controller: 'Controller2' 
}) 
.when('/page/:pageId', { 
    templateUrl: 'partials/page.html', 
    controller: 'Controller2' 
});