在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;
}

将遍历模块并获取调用队列中标记为指令的每个元素.

这是一个小提琴,你可以玩它.

编辑:我使这个更加通用,因为我不确定你想要哪种情况.

由于模块可以包含其他模块,因此可以递归地收集子模块中的指令.http://jsfiddle.net/V7BUw/2/.

主要的区别是你需要为requires数组中的每个模块重复:

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

希望这可以帮助!