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});
});
嘿嘿我恶心是恶心吗
以上是本文的全部内容,希望大家能喜欢。