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

を解決するには、ルートが変更される前に、成功裏に解決しなければならない1つ以上の約束が含まれています。これは、ビューを表示する前にデータが使用可能になるのを待つことができ、コントローラ内のモデルの初期化を単純化するため、コントローラの代わりにコントローラに初期データが渡され、データをフェッチする必要があるからです。

あなたにもこれを行うことができます：

$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' 
});