angularJs如何实现不同页面引入不同的js文件？

Posted 2023-04-05

angular 只能把已经存在项目中的js文件 当成模块在相应的地方引入，实现不了加载到相应的地方再引入项目，如果想实现不同界面加载不同js只能其他技术。
AngularJS 初始化加载流程：
1、浏览器载入html，然后把它解析成DOM。
2、浏览器载入angular.js脚本。
3、AngularJS等到DOMContentLoaded事件触发。
4、AngularJS寻找ng-app指令，这个指令指示了应用的边界。
5、使用ng-app中指定的模块来配置注入器($injector)。
6、注入器($injector)是用来创建“编译服务($compile service)”和“根作用域($rootScope)”的。
7、编译服务($compile service)是用来编译DOM并把它链接到根作用域($rootScope)的。
8、ng-init指令将“World”赋给作用域里的name这个变量。
9、通过name的替换，整个表达式变成了“Hello World”。 参考技术A angular只能把已经存在项目中的js文件当成模块在相应的地方引入，实现不了说的那种到相应的地方再引入项目，如果想实现不同界面加载不同js只能其他技术。

如何使用AngularJS访问不同js文件中的变量数据

我想在另一个js文件中使用可变数据。我如何在anularjs中做到这一点。

在one.js文件中，我有一个变量tagText =“SAP”，我想在另一个js文件（two.js）中使用它的值。我如何在angularjs中做到这一点？

有人可以帮忙吗？

答案

从我的角度来看，您可以创建该文件oneService.js的服务

myApp.service('oneService', oneService);

function oneService(){
    var tagText;
    return {
        getTagText:getTagText,
        setTagText:setTagText
    };
    function getTagText(){
        return tagText;
    }
    function setTagText(tagText){
        this.tagText=tagText;
    }
}

在任何控制器中注入此服务，您可以通过getter和setter访问该控制器上的tagText变量

Singleton中的服务角度，一次你有变量的最新值