Angular JS directive specific controller & parent controller

Question

I would like to use a directive specific controller and the parent controller in the link function.

module.directive('parent', function() {
    return {
              ...
              controller: SomeFunction
           }
}

module.directive('child', function() {
        return {
              ...
              require('^parent'),
              controller: SomeOtherFunction,
              link: function(scope, element, attr, ctrl) {
                 //ctrl is the parent controller not the SomeOtherFunction
              }
           }
}

Is there a way I can use directiveSpecificController but also have access to the parent controller?

Peter Ashwell · Accepted Answer · 2015-04-06 01:14:10Z

2

Yes, you just need to require your own controller too:

http://plnkr.co/edit/2x7yxRfJWqXi1FfZmb3V?p=preview

app.directive('parent', function() {
  return {
    controller: function() {
      this.secret = 'apples';
    }
  }
})

app.directive('child', function() {
  return {
    controller: function() {
      this.secret = 'oranges';
    },
    require: ['child', '^parent'],
    link: function(scope, elem, attrs, ctrls) {
      var parentCtrl = ctrls[1];
      var childCtrl = ctrls[0]
      console.log(parentCtrl.secret);
      console.log(childCtrl.secret);
    }
  }
})

answered Apr 6, 2015 at 1:14

Peter Ashwell

4,3022 gold badges20 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Angular JS directive specific controller & parent controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related