AngularJS模块管理问题的非常规处理方法
2015-04-29 09:51
549 查看
1.起因
自己一直做winform,有幸从某个大神手里接了一个node.js,express,angularJS等集众多开源框架的一个项目,赶鸭子上架,于是一边学习,一边用自己以往的思中去整理,重构代码;
2.问题
在某几个环境下,需要用BootStrap的模态框,咱是学win的么。。 自然而然的想到将boosStrp的模态框整成一个通用的东西,四处调用 。。。
于是用patial引用对话框文件,对话框本身用anglurJS进行了服务器相关的通讯 。
后来发现,当只用一个的时候是好用的,如果多次引用 (调用不同的数据)那么只有一个好使。。
3.分析
查了一些资料才明白, angular.bootstrap 这个调用在页面上只能执行一次,多执行就不好用了,而我之前将所有的angular.module都写成了单独的JS文件中,每一个JS文件最后都调用了 angular.bootstrap 所以,自然而然的会挂掉;
4.期待
于是,想有一种解决机制,让我可以随意的partial各种文件到页面中, 并且js文件之间不会重复引用 ,angulurJS也能完美执行;
5.解决
亲们――虽然这个方式有点恶心,但是绝对直接有效;
思路就是把所有的AngularJS模块动态维护在一个全局数组,然后进行动态的加载
不说了,贴代码
在框架页(layout ...)head处引用 angulurinit.js文件,代码如下:
Array.prototype.indexOf = function (val) { for( var i = 0; i < this.length; i++) { if(this[i] == val) return i; } return - 1; }; var jsModules = new Array(); function Confirm(val){ if (jsModules.indexOf(val) > -1) return; else jsModules.push(val); };
将每一个anglur.js模块内的
复制代码 代码如下:angular.bootstrap(document, [modulename]);
替换成
复制代码 代码如下:Confirm(modulename);
在layout(布局页?我也不知道叫啥,反正是那个公共的框架页)尾部加入angulur.js文件,代码如下:
复制代码 代码如下:(function () {
var app = angular.module('app', jsModules);
angular.bootstrap(document, ['app']);
})();
嘿嘿~~ 我恶心了。。。 恶心到您了没?
以上所述就是本文的全部内容了,希望大家能够喜欢。
您可能感兴趣的文章:
相关文章推荐
- AngularJS模块管理问题的非常规处理方法
- Angularjs MVC 以及 $scope 作用域 Angularjs 模块 的 run 方法 以及依赖注入中代码压缩问题
- Angularjs异步问题逻辑处理方法
- Oracle管理工具处理OCI问题的方法
- 利用Angularjs中模块ui-route管理状态的方法
- SpringBoot 监控管理模块actuator没有权限的问题解决方法
- Android NavigationBar问题处理的方法
- 关于LDOPE处理MODIS Collection 6(版本6)问题的解决方法
- AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
- SpringMVC日期类型转换问题三大处理方法归纳
- 爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,loads,dump,load方法介绍
- 【Java开发常见问题解决】文本框表情emoji字符过滤处理方法
- SpringMVC 日期类型转换问题的处理方法
- 集群管理——开机B7问题(内存条ERROR),caffe编译matlab接口错误解决方法
- 42. fastjson处理下划线和驼峰问题的方法和源码分析
- 安卓AndroidStudio如何在同一个手机中安装两个相同的项目+++++自己处理的一些问题解决方法
- 处理Tomcat日志catalina.out日志文件过大的问题(第二种方法适合各种日志的切割)
- 同余问题的处理方法
- IIS发布网站浏览之后看到的是文件目录 & Internal Server Error 处理程序“ExtensionlessUrlHandler-ISAPI-4.0_64bit”在其模块列表中有一个错误模块“IsapiModule” 解决方法 & App_global.asax.pduxejp_.dll”--“拒绝访问。 ”
- window.showModalDialog浏览器不支持后使用window.open代码问题处理方法