Require multiple controllers in a directive

[wingy]

Is it possible to require multiple controllers to a link function in a directive?

Something similar to this:

  .directive('contents', function () {

    return {

      require: '^ctrl1, ^ctrl2',

      link: function (scope, iEl, iAttrs, ctrl1, ctrl2) {

        

      }

    };

  });

Wingy

[wingy]

This worked:

    require: ['^pane', '^panes'],

Could someone with authority please put this info in: http://docs.angularjs.org/guide/directive

Would be helpful for others!

Wingy

[Salman Abbas]

Thanks Wingy!

[ProLoser]

Does it add more controller parameters to the linking function? Or does the 1 controller parameter become an array?

[Peter Bacon Darwin]

The Ctrl param becomes a function. I got caught by this when I accidentally had a single require in an array.
Require: ['someCtrl']  -> Ctrl is array with one item

... sent from my tablet

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en.
 
 

[Joshua White]

I ran into a similar problem. I needed the current directive's controller as well as the parent directive. You can list multiple controllers in the require array then expect them to be injected as an array as the last element of the link function. Maybe there is a better way but it worked for me.

Here is the general idea in some coffescript:

directive "bgParent" ->

  controller: ParentController

directive "bgChild" ->

  controller: MyCtrl

  require:["bgChild", "^bgParent"]

  link:  

    return ($scope, $element, $attrs, controllers) ->

      myCtrl = controllers[0]

      parentCtrl = controllers[1]

<div bg-parent>

  <div bg-child/>

</div>