AngularJS模塊管理問題的非常規(guī)處理方法
1.起因
自己一直做winform，有幸從某個大神手里接了一個node.js,express,angularJS等集眾多開源框架的一個項(xiàng)目，趕鴨子上架，于是一邊學(xué)習(xí)，一邊用自己以往的思中去整理，重構(gòu)代碼；
2.問題
在某幾個環(huán)境下，需要用BootStrap的模態(tài)框，咱是學(xué)win的么。。 自然而然的想到將boosStrp的模態(tài)框整成一個通用的東西，四處調(diào)用 。。。
于是用patial引用對話框文件，對話框本身用anglurJS進(jìn)行了服務(wù)器相關(guān)的通訊 。
后來發(fā)現(xiàn)，當(dāng)只用一個的時候是好用的，如果多次引用 （調(diào)用不同的數(shù)據(jù)）那么只有一個好使。。
3.分析
查了一些資料才明白， angular.bootstrap 這個調(diào)用在頁面上只能執(zhí)行一次，多執(zhí)行就不好用了，而我之前將所有的angular.module都寫成了單獨(dú)的JS文件中，每一個JS文件最后都調(diào)用了 angular.bootstrap 所以，自然而然的會掛掉；
4.期待
于是，想有一種解決機(jī)制，讓我可以隨意的partial各種文件到頁面中， 并且js文件之間不會重復(fù)引用 ，angulurJS也能完美執(zhí)行；
5.解決
親們——雖然這個方式有點(diǎn)惡心，但是絕對直接有效；
思路就是把所有的AngularJS模塊動態(tài)維護(hù)在一個全局?jǐn)?shù)組，然后進(jìn)行動態(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);
};
將每一個anglur.js模塊內(nèi)的
angular.bootstrap(document, [modulename]);
替換成
Confirm(modulename);
在layout（布局頁？我也不知道叫啥，反正是那個公共的框架頁）尾部加入angulur.js文件，代碼如下：
(function () {
var app = angular.module('app', jsModules);
angular.bootstrap(document, ['app']);
})();
嘿嘿~~ 我惡心了。。。 惡心到您了沒？
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
詳解如何使用webpack+es6開發(fā)angular1.x
本篇文章主要介紹了詳解如何使用webpack+es6開發(fā)angular1.x，具有一定的參考價值，有興趣的可以了解一下2017-08-08
AngularJS實(shí)現(xiàn)網(wǎng)站換膚實(shí)例
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)網(wǎng)站換膚的簡單實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了AngularJS刪除路由中的#符號的方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
本文主要介紹AngularJS 靜態(tài)模板,這里整理了相關(guān)的基礎(chǔ)資料，會幫助大家學(xué)習(xí)基礎(chǔ)的AngularJS的基礎(chǔ)知識，有需要的小伙伴可以參考下2016-08-08
AngularJS ng-bind-html 指令詳解及實(shí)例代碼
本文主要是對AngularJS ng-bind-html 指令知識的詳細(xì)講解，并附代碼實(shí)例，有需要的小伙伴可以參考下2016-07-07
Angularjs 實(shí)現(xiàn)動態(tài)添加控件功能
這篇文章主要介紹了Angularjs 實(shí)現(xiàn)動態(tài)添加控件功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
AngularJs Dependency Injection（DI，依賴注入）
本文主要介紹AngularJs Dependency Injection，這里整理了詳細(xì)資料及示例代碼有興趣的小伙伴可以參考下2016-09-09
angularjs在ng-repeat中使用ng-model遇到的問題
本文給大家分享了一個個人在使用angular過程中遇到的在ng-repeat中使用ng-model的問題，并附上簡單的解決辦法，希望能對大家學(xué)習(xí)angular有所幫助2016-01-01
用AngularJS的指令實(shí)現(xiàn)tabs切換效果
這篇文章介紹的是寫一個通過指令嵌套實(shí)現(xiàn)tabs功能的指令模塊，這也是我在一個項(xiàng)目中應(yīng)用到的，現(xiàn)在分享給大家，有需要的可以參考借鑒。2016-08-08
AngularJS控制器controller正確的通信的方法
AngularJS中的controller是個函數(shù)，用來向視圖的作用域（$scope）添加額外的功能，我們用它來給作用域?qū)ο笤O(shè)置初始狀態(tài)，并添加自定義行為2016-01-01