AngularJS模塊管理問題的非常規(guī)處理方法

2024-05-06 16:18:59

字體：大中小

供稿：網(wǎng)友

這篇文章主要介紹了AngularJS模塊管理問題的非常規(guī)處理方法，算是一個(gè)無奈之舉，分享給小伙伴，大家可以參考下。

1.起因

自己一直做winform，有幸從某個(gè)大神手里接了一個(gè)node.js,express,angularJS等集眾多開源框架的一個(gè)項(xiàng)目，趕鴨子上架，于是一邊學(xué)習(xí)，一邊用自己以往的思中去整理，重構(gòu)代碼；

2.問題

在某幾個(gè)環(huán)境下，需要用BootStrap的模態(tài)框，咱是學(xué)win的么。。自然而然的想到將boosStrp的模態(tài)框整成一個(gè)通用的東西，四處調(diào)用。。。

于是用patial引用對(duì)話框文件，對(duì)話框本身用anglurJS進(jìn)行了服務(wù)器相關(guān)的通訊。

后來發(fā)現(xiàn)，當(dāng)只用一個(gè)的時(shí)候是好用的，如果多次引用（調(diào)用不同的數(shù)據(jù)）那么只有一個(gè)好使。。

3.分析

查了一些資料才明白， angular.bootstrap 這個(gè)調(diào)用在頁面上只能執(zhí)行一次，多執(zhí)行就不好用了，而我之前將所有的angular.module都寫成了單獨(dú)的JS文件中，每一個(gè)JS文件最后都調(diào)用了 angular.bootstrap 所以，自然而然的會(huì)掛掉；

4.期待

于是，想有一種解決機(jī)制，讓我可以隨意的partial各種文件到頁面中，并且js文件之間不會(huì)重復(fù)引用，angulurJS也能完美執(zhí)行；

5.解決

親們——雖然這個(gè)方式有點(diǎn)惡心，但是絕對(duì)直接有效；

思路就是把所有的AngularJS模塊動(dòng)態(tài)維護(hù)在一個(gè)全局?jǐn)?shù)組，然后進(jìn)行動(dòng)態(tài)的加載

不說了，貼代碼

在框架頁（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);

};