显示页面中正在使用的指令

时间:2016-09-14 11:18:49

标签: angularjs angularjs-directive

有没有办法显示哪个指令正在页面中使用?

请看一下这个例子

<div>
some things ...
<mydirective></mydirective>
<mydirective1></mydirective1>
<mydirective2></mydirective2>
some things ...
</div>

这就是“mydirective”html

<div>
<mychilddirective></mychilddirective>
<mychilddirective1></mychilddirective1>
<mychilddirective2></mychilddirective2>
</div>

问题1:所以,我的观点是,如何在此页面中显示所使用的指令列表(如在控制台日志或其他地方)?

这个问题的答案应该是

mydirective, mychilddirective, mychilddirective1, 
mychilddirective2, mydirective1, mydirective2

问题2:如果对问题1有答案,是否有办法使用浏览器控制台“发现”使用过的指令?或者我需要我的指令必须遵循某种模式? (像某些属性或类似的东西......)

1 个答案:

答案 0 :(得分:0)

每个指令都有链接功能。这是按顺序调用的。您可以使用它们来识别正在使用的指令。 以下是有关链接功能及其调用顺序的更多详细信息的链接。

https://www.undefinednull.com/2014/07/07/practical-guide-to-prelink-postlink-and-controller-methods-of-angular-directives/