AngularJS 指令链接函数未被调用

Question

我正在尝试将 angular-http-auth 库与引导模式窗口一起使用。模态工作正常，但我对指令有问题。
这是一个 jsfiddle 链接 - http://jsfiddle.net/jCUSh/85/ .我正在尝试添加一个将被调用并添加监听器的指令。我已经简化了 jsfiddle 中的示例，因此您不会看到 http-auth 导入。但是 scope.on('') 元素仍然存在(无论如何它们都不会破坏图片)。

我的问题是 - 为什么不调用链接函数？我加了 elem.addClass('test')举个例子。
我相信解决方案非常简单，只是看不到它。

还有一个不太重要的问题 - 可以将作用域作为参数传递给另一个作用域吗？我需要它来关闭模态窗口。

谢谢

Answer 1

大多数指令错误都显示在控制台中，只需启用日志记录:

app.config(function($logProvider){
    $logProvider.debugEnabled(true);
});

此外，您可以断言是否实际加载了指令:

angular.module('my', [])
    .controller('Controller', [ '$scope', '$injector', 
        function ($scope, $injector) {
           assertDirectives($injector, [ 'dir1', 'dir2']);
         });

function assertDirectives($injector, directives){
    _.each(directives, function(directiveCamelCase){
        if( !$injector.has(directiveCamelCase + 'Directive') ) 
             throw("Directive " + directiveCamelCase + " is not available.")
    });
}
//you may replace underscore's `each` with jquery `each` or regular js loop

因此，您无需猜测为什么指令不起作用。