是否有可能檢查一個Angular應用程序是否已經運行應用程序模塊？

Question

我正在寫一個Angular插件，它將初始化角度應用程序模塊，如果沒有找到，但是如果有已經運行或聲明的ng-app，我的應用程序將使用該模塊。理想的情況是我的代碼看起來像下面這樣：如果你調用它不存在，當然，除非你正在創建一個與angular.module('some-name', []);模塊

// return array of apps, whether from ng-app or manually bootstrap 
runningAppModules = angular.getNgApps(); 

if(!isEmpty(runningAppModules)) 
{ 
    var app = runningAppModules[0]; 
    // Do something with the already initialized app like register controllers 
    // Or add directives 
} 
else 
{ 
    // manually bootstrap apps 
} 

Answer 1

try { 
    angular.module('module-name-here'); 
    } 
    catch(e) { 
    //not loaded 
    } 

的module()功能將拋出一個錯誤。因此，您可以將其包裝在try/catch區塊中以檢查是否加載了模塊。

Live demo (click).

var appElems = document.querySelectorAll('[ng-app]'); 

for (var i=0; i<appElems.length; ++i) { 
    var appName = appElems[i].getAttribute('ng-app'); 
    try { 
    angular.module(appName); 
    } 
    catch(e) { 
    console.log('Module "'+appName+'" not loaded!'); 
    //create the app 
    angular.module(appName, []); 
    } 
}