繁体   English   中英

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

how to initialize angular when all scripts are done loading

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

嗨,我是新来的角度和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' });

    }]);

任何帮助,将不胜感激。

谢谢

1 个回复

您需要在启动之前定义模块:

<script type="text/javascript">
    var LeadInsightsApp = angular.module('LeadInsightsApp',[]);
    angular.element(document).ready(function () {
        angular.bootstrap(document, ['LeadInsightsApp']);
    });
</script>
1 Angular脚本加载:如何在一次调用中包含所有脚本

我试图创建一个脚本,其中包含使Angular应用正常工作所需的所有脚本,但似乎不起作用: 不幸的是,如果我尝试包含这样的应用脚本(顺便说一句,它们可以完美地加载到页面中),当angular检测到我的“ ng-app ='myAppName'”指令但未找到为它(我想是因为角度检查时脚本尚未 ...

2 在所有脚本和页面加载完成后如何获取所有 html 数据? (傀儡师)

最后我想出了如何使用 Node.js。 安装了所有库/扩展。 所以 puppeteer 正在工作,但就像以前使用 Xmlhttp 一样......它只获取页面的模板/正文,没有所需的信息。 几秒钟后,页面上的所有脚本都会在浏览器(Web 应用程序?)中打开它。 加载整个页面后,我需要获取某些标签内的 ...

5 什么时候需要JS完成加载所有模块

我想等待所有的requireJS模块在触发事件之前完成加载。 是否有事件或方法来监听我的所有requireJS模块以完成加载? 细节: 我正在尝试向Google Analytics添加自定义维度,然后发送综合浏览量。 如果我设置相同的尺寸,但在我的一些requireJS模块中,我 ...

6 我如何异步初始化 firebase firestore 侦听器,同时还知道所有任务何时完成?

基本上,在我的应用程序启动时,我想从大约 4-5 个不同的文档中加载来自 firebase 的最新数据。 然后我还想设置一个监听器来监听数据的变化。 我通过调用 4-5 个以dispatchGroup作为参数的类似函数来做到这一点。 我可能完全错误地接近这个,但我想不出任何其他方法来做到这一点。 我 ...

7 仅在 Angular 应用程序加载完成后加载 index.html 中定义的外部脚本

当前场景:我的 index.html 文件中有大约 20 多个 &amp; 标签,它们实际上干扰了 angular 加载的其他脚本和资产,导致用户体验不太好。 期望的行为:只有在加载了主页上使用的所有 angular 资产和文件后,我才需要加载这些外部脚本。 我阅读了有关在应用程序组件构造函数中 ...

8 Angular在构建时不嵌入所有脚本

我有一个使用库渲染可拖动树的有角度的应用程序。 这意味着我可以将节点拖放到同一棵树中。 https://angular2-tree.readme.io/docs/drag-drop 集成非常简单,使用ng serve在本地启动App时,效果很好。 但是,当我使用dist文件夹中生 ...

9 如何判断Safari何时加载网页

我试图找出是否有可能跟踪Safari完成加载页面请求的时间。 我使用以下代码调用Safari打开: 但是,由于我的应用程序进入后台运行,因此它可能已被挂起(并且无法执行代码) 。 这甚至可以在Xcode 4中完成吗? 编辑 之所以这样做,是因为UIWebView和Safa ...

10 如何确定ckeditor何时完成加载

我需要确定ckeditor何时完成加载,以便以后可以获取包含div的正确尺寸。 目前,我的呼吁是在ckeditor完成之前进行的,因此div不是最终大小。 我看到这个问题似乎在问同样的问题,但我没有上下文,即我不知道那个人如何调用ckeditor。 接受的答案: 不出所料,毫不 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM