在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/

主要区别在于您需要为requires数组中的每个模块重复：

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

希望这有帮助！