在AngularJS中列出註冊的自定義指令

Question

我在寫一個帶有許多自定義指令的Web應用程序。有沒有辦法查看所有已經爲每個模塊註冊的指令？

Answer 1

模塊有一個_invokeQueue，它包含模塊的內容。一個這樣的功能：

function Directives(module) { 
    var directives = []; 
    var invokes = angular.module(module)._invokeQueue; 
    for (var i in invokes) { 
     if (invokes[i][1] === "directive") directives.push(invokes[i][2]); 
    } 
    return directives; 
} 

將運行通過該模塊並抓住調用隊列中標記爲指令的每個元素。

這裏是一個fiddle你可以在那裏玩。

編輯：我做了這個稍微更通用，因爲我不知道你想要哪種情況。

由於模塊可以包含其他模塊，因此可以遞歸地收集子模塊中的指令。 http://jsfiddle.net/V7BUw/2/。

的主要區別是，你需要重複的每一個模塊中需要陣列以及：

for (var j in module.requires) { 
    Directives(module.requires[j], directives); 
} 

希望這有助於！