个人中心
gpt4 book ai didi

javascript - 加载时添加 AngularJS 文件

转载 作者：行者123 更新时间：2023-12-03 07:08:21 25 4
gpt4 key购买 nike

因此，当 index.html 文件加载时，我尝试加载应用程序中所需的所有 AngularJS 脚本。

为此我编写了这段代码

 <head>
        ...
           AngularJS libaries loads
        ...

        <script>
            var main = {
                    root: [
                        'core.js'
                    ]
                };

            var iterateScripts = function(folder, path){
                for(var key in folder){
                    if(key.toLowerCase() === 'root'){
                        for(var i = 0; i < folder[key].length; i++){
                            var script = document.createElement('script');
                            script.type = 'text/javascript';
                            script.src = path + '/' + folder[key][i];
                            // console.info('script : '+ script.src)
                            document.getElementsByTagName('head')[0].appendChild(script);
                        }
                    } else {
                        var newPath = path + '/' + key;
                        // console.info('path : ', newPath, folder[key])
                        iterateScripts(folder[key], newPath);
                    }
                }
            };

            iterateScripts(main, 'app/main');
            console.info(document.getElementsByTagName('head')[0])
        </script>
   </head>

这可以正常加载文件，但我收到此错误

AngularJS error explanation

经过反复测试，我得出的结论是，问题是因为页面在 AngularJS 编译时加载，从而产生了错误。

如果这是真的，我如何在 body 标签加载之前以类似的方式加载我的 Angular 应用程序？

最佳答案

你必须自己引导 Angular，而不是使用 ng-app。这是有关它的文档:https://docs.angularjs.org/guide/bootstrap .

一旦所有脚本加载完毕，您将运行一段类似于以下的代码:

angular.element(document).ready(function() {
    angular.bootstrap(document, ['myApp']);
});

这告诉 Angular 它已准备好启动。

关于javascript - 加载时添加 AngularJS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36719367/

25 4 0
文章推荐： xcode - 安装 Xcode 4.3 后 filemerge 是否仍然可用？
文章推荐： c++ - 将共享指针还是原始指针传递给函数
文章推荐： C++ 规则 5 - 自定义析构函数的段错误
文章推荐： unit-testing - 单元测试模式
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com