AngularJS指令链接函数未执行

时间:2013-06-05 18:23:41

标签: angularjs

我正在编写一个jQuery元素的包装器,它是我正在使用的模板的一部分。

此处示例中的链接方法:http://jsfiddle.net/Webnet/ugSsk/未触发。我无法将其输出到控制台或警报。

有什么建议吗?

JS:

angular.module('test', []).
    directive('slideToggle', function () {
        return {
            scope: false,
            replace: true,
            template: '<input type="checkbox" name="" class="slideToggle"/>',
            link: ['scope', 'element', 'attrs', function (scope, element, attrs) {
                console.log(element);
                alert('linked');
            }],
            controller: ['$scope', '$element', '$attrs', function ($scope, $element, $attrs) {

            }]
        }
    });

HTML:

<div ng-app="test">
    <div slide-toggle on="Active" off="Inactive"></div>
</div>

1 个答案:

答案 0 :(得分:14)

“所有注释样式都是等效的,可以在支持注入的Angular中的任何地方使用。” - DI doc

由于链接功能不支持注入,因此您无法使用inline annotation(或任何其他DI注释样式)。