2015-03-31 60 views
0

嗨我是新的angular和html編程。我正嘗試用我的html文檔中的命令來初始化我的角度應用程序。如何在所有腳本加載完成時初始化角度

<script type="text/javascript"> 
    angular.element(document).ready(function() { 
     angular.bootstrap(document, ['MyApp']); 
    }); 
</script> 

這適用於本地,當我不必從單獨的服務器下載腳本,但當我做它休息,我得到的錯誤。

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=MyApp&p1…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381) 

我假設這是因爲在執行此調用之前腳本尚未加載。所以我想知道是否有任何命令可用於在加載所有腳本時運行自舉代碼。在window.onload或$(文件)。就緒不爲我工作:(

這裏是我的模塊聲明

angular.module("myApp", ["ui.router"]) 
    .config(["$locationProvider", ($locationProvider: any) => { 
     $locationProvider.html5Mode(false).hashPrefix('!'); 
    }]) 
    .config(["$stateProvider", "$urlRouterProvider", 
     ($stateProvider: any, 
      $routeProvider:any 
      ) => { 
      $stateProvider 
       .state("myapp", 
       { 
        url: '/:path', 
        templateUrl: (stateParams) => { 
         return '/Templates?path=' + stateParams.path; 
        }, 
       }) 
     }]) 
    .run(["$rootScope", "$state", ($rootScope, $state) => { 
     $rootScope.$on("$stateChangeStart", (event, next, current) => { 
     }) 
     $rootScope.$on("$stateChangeSuccess", function (ev, to, toParams, from, fromParams) { 
     }); 
     $state.go("myapp", { path: 'MyApp.Session' }); 

    }]); 

任何幫助,將不勝感激。

感謝

+0

您的角度應用聲明在哪裏? – Jai 2015-03-31 07:22:57

+0

只要確保您將腳本放在其他腳本之後。 – dfsq 2015-03-31 07:30:41

回答

0

您需要在引導之前定義您的模塊:

<script type="text/javascript"> 
    var LeadInsightsApp = angular.module('LeadInsightsApp',[]); 
    angular.element(document).ready(function() { 
     angular.bootstrap(document, ['LeadInsightsApp']); 
    }); 
</script>