所有脚本加载完成后如何初始化角度

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>