如何使用指令调试模板？

Question

我是AngularJS调试的新手。我想知道是否有人可以向我展示一个关于如何使用ng-repeat，ng-if等指令调试模板的示例。我需要看到的是这些指令是如何初始化的以及如何给出和呈现这些变量的，有点像模板中的步骤调试。

如果我定义控制器，我可以设置断点，但是当它出现在AngularJS本机指令和模板中时，我不知道如何做到这一点

Answer 1

最好的办法是拥有Angular JS脚本的本地副本（不要使用min版本 - 使用完整版）

然后在chrome中，您可以使用调试器函数或在AngularJS脚本中使用普通断点。

示例：

var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {
var NG_REMOVED = '$$NG_REMOVED';
var ngRepeatMinErr = minErr('ngRepeat');

var updateScope = function(scope, index, valueIdentifier, value, keyIdentifier, key, arrayLength) {
debugger; // Set the debugger inside 
            // this function
....