How to create a new controller for each directive in angularjs?

Question

I have a directive that I want to reference in multiple divs. Each div must have access to the same values. Here is a simplified version:

.directive('sampleDir', function() {

  var control = function($scope, $element, $attr) {
    $scope.value1 = '';
    $scope.value2 = '';
  }

  return {
    controller: control,
    link: link // defined in code somewhere and needs access to separate value1 and value2
  };

});

So basically each div that uses this directive should have its separate values for value1 and value2, or should have a separate controller maybe? How would I do this?

Kevin Beal · Accepted Answer · 2016-07-18 21:07:09Z

1

First off, you're using link and controller wrong.

The parameters you provide in control() are the parameters for link(). You need to use dependency injection in control().

Secondly, if you want a instance of the controller per directive, you need to use the scope : true option in your directive's return;

answered Jul 18, 2016 at 21:07

Kevin Beal

10.9k13 gold badges73 silver badges93 bronze badges

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

Comments

chrisg · Accepted Answer · 2014-07-21 22:10:03Z

0

A separate controller instance (and scope) will get created for each instance of the directive, so you do not have to do anything special here to ensure each instance of the directive gets its own scope.

If you want multiple directive instances which are otherwise unrelated to share state or other data then use a service or factory.

answered Jul 21, 2014 at 22:10

chrisg

1,1178 silver badges9 bronze badges

1 Comment

Kevin Beal Over a year ago

A new instance of the controller will not be created unless you explicitly tell it to.

Collectives™ on Stack Overflow

How to create a new controller for each directive in angularjs?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related