AngularJS directive use required controller in controller

Question

Say I have the following two directives that work with each other

directive('parent', function() {
    return {
        scope: {},
        require: 'ngModel',
        controller: function($scope) {
            this.doSomething = function() {
                //How to use ngModelController here?
            };
        },
        link: function(scope, element, attr, ngModelController) {
        }
    };
});

directive('child', function() {
    return {
        scope: {},
        require: '^parent',
        link: function(scope, element, attr, parent) {
            parent.doSomething();
        }
    };
});

How can I use the ngModelController from within the controller of parent? I suppose I could do scope.ngModelController = ngModelController inside the link function but that seems hacky. Is there a better solution?

I guess you could put it in the scope in the link function? Does seem slightly hacky, but can't think of anything else... — aet
– aet, Commented Mar 18, 2014 at 21:23
Try require: '?ngModel'. That should bubble up through parents looking for the controller. — Zack Argyle
– Zack Argyle, Commented Mar 18, 2014 at 22:23
Apparently this was a duplicate! stackoverflow.com/questions/21231294/… — grivescorbett
– grivescorbett, Commented Mar 31, 2014 at 23:35

aet · Accepted Answer · 2014-03-18 21:31:46Z

0

Is this any less hacky?

directive('parent', function() {
    var ngModelCtrl = null;
    return {
        scope: {},
        require: 'ngModel',
        controller: function($scope) {
            this.doSomething = function() {
                //How to use ngModelController here?
                if (ngModelCtrl) {
                }
            };
        },
        link: function(scope, element, attr, ngModelController) {
            ngModelCtrl = ngModelController;
        }
    };
});

answered Mar 18, 2014 at 21:31

aet

7,3023 gold badges29 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

AngularJS directive use required controller in controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related