所有腳本加載完成后如何初始化角度

Question

嗨，我是新來的角度和HTML編程。 我正在嘗試使用html文檔中的命令初始化我的angular應用程序。

<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或$（document）.ready對我不起作用:(

這是我的模塊聲明

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

    }]);

任何幫助，將不勝感激。

謝謝

Answer 1

您需要在啟動之前定義模塊：

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