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);
- };
新聞熱點
疑難解答
圖片精選