AngularJS directive link function not executing

Question

I'm writing a wrapper for a jQuery element that is part of a template I'm working with.

The link method in the example here: http://jsfiddle.net/Webnet/ugSsk/ is not triggered. I can't get it to output to the console or alert.

Any suggestions?

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>

There is no need for injecting arguments into your linking function like that. That's why it's not working. — Stewie
– Stewie, Commented Jun 5, 2013 at 18:27
you are using wrong syntax you should not be using minification syntax with link function — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Jun 5, 2013 at 18:29

Mark Rajcok · Accepted Answer · 2013-06-05 18:40:34Z

14

"all of the annotation styles are equivalent and can be used anywhere in Angular where injection is supported." -- DI doc

Since the link function doesn't support injection, you can't use the inline annotation (or any other DI annotation style) there.

edited Jun 5, 2013 at 18:40

answered Jun 5, 2013 at 18:31

Mark Rajcok

365k114 gold badges501 silver badges494 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jason Swett Over a year ago

There seem to be a lot of questions/answers for the link function not working. Many of the other ones didn't do anything for me, but this one fixed it.

Collectives™ on Stack Overflow

AngularJS directive link function not executing

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related