Angular 指令和调试器答案

【问题标题】：Angular directives and the debuggerAngular 指令和调试器
【发布时间】：2014-09-13 11:22:34
【问题描述】：

如果我创建一个 Angular 指令：

App.directive('modalWindow', function(){
    return {
        restrict: 'EAC',
        link: function(scope, element) {
            elem.draggable();
        }
    }  
});

然后在标记中引用它：

    <div class="modalWindow">

然后在elem.draggable()上下断点

应用程序运行时调试器会在断点处停止吗？

编辑：它并没有在 Visual Studio 中停止，因此是我的问题。

【问题讨论】：

是的。我刚试过铬。在返回的链接函数中设置断点会像往常一样暂停执行。
谢谢。对于投反对票的人：请参阅我的问题的编辑。它并没有在 Visual Studio 调试器中停止，所以我不知道这是调试器问题，还是我如何连接它的问题，还是其他问题。我认为这是一个有效的问题。

标签： angularjs-directive javascript-debugger

【解决方案1】：

您确定正在调用指令链接函数吗？请记住，当您在 HTML 中将指令名称 ('modalWindow') 驼峰式大小写时，它需要是蛇形大小写 ('modal-window')。由于您对元素、属性或类 ('EAC') 使用了限制，因此首先确保调用了您的链接指令。在您的 HTML 中，将其更改为

HTML

<div modal-window></div>

或

<div class='modal-window'></div>

再次尝试调试器，看看 Visual Studio 现在是否暂停。

【讨论】：

谢谢！今天蛇形外壳的细节真的帮助了我！