それぞれのコントローラーは角度jsでオンデマンドでロードします

Question

私はangularjs.jpで新しいです。私はanglejsでSPA appliactionをHTML5で作成しています。私はtempalateページが呼び出されたときにページ関連のコントローラーをロードしたいと思います。例として、3つのhtmlページIndex.html、HOME.Html、contact.htmlを持ち、それぞれのコントローラhomecontroller.jsとcontactController.jsを持っています。 HOME.Htmlとcontact.htmlはIndex.htmlのng-viewセクションのオンデマンドでのロードです。

私はhomecontroller.jsとcontactController.jsの参照をindex.htmlに追加するとうまくいきますが、home.Htmlとcontact.htmlのそれぞれのコントローラを読み込みたいのですが.jsがロードされ、contactisが呼び出されると、contactController.jsだけがロードされます。

いずれも、それは私はあなたがUI-ルータを使用することをお勧めこの

Answer 1

を達成する方法を提案してください：

https://github.com/angular-ui/ui-router

myApp.config(function($stateProvider, $urlRouterProvider) { 
    // 
    // For any unmatched url, redirect to /home 
    $urlRouterProvider.otherwise("/home"); 
    // 
    // Now set up the states 
    $stateProvider 
    .state('home', { 
     url: "/home", 
     templateUrl: "partials/home.html", 
     controller: 'homeController', 
     controllerAs: 'homeCtrl' 
    }) 
    .state('contact', { 
     url: "/contact", 
     templateUrl: "partials/contact.html", 
     controller: 'contactController', 
     controllerAs: 'contactCtrl' 
    }) ; 
});