AngularJS模块管理问题的常规处理方法

1。原因

他一直在做winform,具有从项目的一大方面表示,接收Node.js的荣誉,AngularJS设定了多个开源框架,而学习,赶鸭子上架,而使用他过去的思想来完成,代码重构;

2。问题

在一些环境中,我们需要使用自举的模态框架。我学习胜利吗想把boosstrp模态框架为一个共同的东西,叫它周围的自然。

所以对话框文件引用的部分,和对话框本身使用anglurjs为服务器相关的通信。

后来发现,只有一个是好的,只有一个是好的,如果有一些引用被调用。

三.分析

查了一些资料了解angular.bootstrap调用页面上可以只执行一次,执行不好用,之前我都会angular.module到一个单独的js文件,每个JS文件最后叫angular.bootstrap自然挂断;

4。期望

所以,我想有一个解决机制,这样我可以随机部分文件的网页,和JS文件不会被重复,并angulurjs也可以完美的执行。

5。解决方案

亲戚,虽然这种方式是有点恶心,那绝对是直接有效的。

这个想法是为了保持动态的全局数组然后动态加载它所有的AngularJS模块。

不,代码

的angulurinit.js文件在框架页面(布局…)的头,和代码如下:




array.prototype.indexof =功能(Val){
对于(var i = 0;i < this.length;i++){
如果(此{ i = })返回i;
}
返回- 1;
};
无功jsmodules =新的数组();
函数确认(瓦尔){
如果(jsmodules.indexof(Val)> 1)
返回;
其他的
JsModules.push(Val);

};




在每个模块的anglur.js

复制代码代码如下所示:

Angular.bootstrap(文档,{模块名});



更换

复制代码代码如下所示:

确认(模块名);



在布局(布局页面)我不知道它叫什么,但它是通用的框架页)的angulur.js文件结束,和代码如下:

复制代码代码如下所示:

(函数(){())

VaR的应用= angular.module('app ',jsmodules);

Angular.bootstrap(文档,{ 'app});

});



嘿嘿我恶心是恶心吗

以上是本文的全部内容,希望大家能喜欢。