如何将控制器添加到指令？

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) { 

      } 
     }; 
    } 

例如： -

<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);