AngularJS指令链接功能不起作用

Question

http://jsfiddle.net/kz26/kH9wg/

我正在使用AngularJS中的指令，并尝试使用简写指令样式（仅返回链接函数）和longhand样式（返回指令定义对象的全部或部分内容）。

不幸的是，我只能使用popup2定义的速记方式使指令工作（激活jQuery弹出窗口）。 popup2指令似乎根本不起作用，特别是我的定义对象中的link函数永远不会被调用。 我需要做些什么才能使这个显式链接声明起作用？

Answer 1

在创建指令时，两个指令都使用一个小的调整来重用相同的模块，而不是覆盖第一个指令。 看到这个小提琴 。

而不是做：

angular.module("app", []).directive('popover1'...

angular.module("app", []).directive('popover2'...

做这样的事情：

var module = angular.module("app", []);

module.directive('popover1'...

module.directive('popover2'...

编辑：看完文档后，我看到你可以做一些与原帖相似的内容，如下所示：

angular.module('app', []).directive('popover1'...

angular.module('app').directive('popover2'...

在第一个到angular.module之后的后续调用中省略第二个参数[]以配置现有模块。

Answer 2

为什么链接功能不在这里调用？：

<div ng:app="app">
<div>
    <p test="">Hello!</p>
</div>

var module = angular.module("app", []);

module.directive('test', function() {
return {
        restrict: '',
        link: function () {
            console.log('linkfn');
        },
        compile: function() {
            console.log('compile');
        }
    };

});

小提琴： http ： //jsfiddle.net/ZWLzb/