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文件,代码如下:
rush: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);
};
代码如下:
替换成
代码如下:
相关文章
前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...