Как добавить контроллеры в директиву?

Question

Я пытаюсь создать директиву в своем приложении. Однако мне нужно использовать директиву в разных местах, и у них есть собственный контроллер.

так в моей директиве

directive('test', [function($popover) { 
     return { 
      restrict: 'E', 
      scope: false, 
      link: function(scope, elem, attrs) { 

      } 
     }; 
    } 
]) 

Как добавить два контроллера в одной директиве?

Спасибо!

Answer 1

Вы можете использовать name и controller="@".

.directive('test', [function($popover) { 
     return { 
      restrict: 'E', 
      scope: false, 
      controller : "@", 
      name:"controller", 
      template:'<div>{{value}}</div>', 
      link: function(scope, elem, attrs) { 

      } 
     }; 
    } 

Ex: -

<test controller="ctrl1"></test> 
    ..... 
    <test controller="ctrl2"></test> 

При указании controller= '@' Угловыми будет искать зарегистрированный контроллер со значением атрибута указанного атрибута элемента (Вы можете дать любое имя атрибута), упомянутый в name опция.

Plnkr

Вот отрывок из угловой реализации директивы: -

  if (controllerDirectives) { 
     .... 

      controller = directive.controller; 
      if (controller == '@') { 
       controller = attrs[directive.name]; 
      } 

      controllerInstance = $controller(controller, locals);