angularjs – 指令如何通过控制器进行通信？

也许你对使用指令控制器发生路由更改时创建的控制器感到困惑。该部分只是在谈论指令控制器，所以该部分意味着如果您在同一个HTML元素上有两个指令，则可以通过要求彼此控制器进行通信。

一个很好的例子就是如果你创建一个需要与ng-model通信的指令。由于ng模型暴露了控制器，因此您可以要求它：

@H_98_9@myApp.directive('myDirective',function() { return { require: 'ngModel',link: function($scope,elem,attrs,ngModelCtrl) { // Here you can listen to different DOM events,and // call ngModelCtrl when the model value needs to update } } });

和HTML：

<input type="text" ng-model="mymodel" my-directive>

您的指令可以通过在您的指令函数返回的对象中实现它来暴露控制器，如下所示：

@H_98_9@myApp.directive('myDirective1',function() { return { link: function($scope,attrs) { },controller: function() { this.sayHello = function() { alert("Hello!"); } } } }); myApp.directive('myDirective2',function() { return { require: 'myDirective1',myDirective1Ctrl) { myDirective1Ctrl.sayHello(); } } });

和HTML：

<input type="text" my-directive2 my-directive1>

您也可以通过编写require：’^ myParentDirective’来要求来自父指令的指令控制器，如下所示：

@H_98_9@myApp.directive('myDirective1',function() { return { require: '^myDirective1',myDirective1Ctrl) { myDirective1Ctrl.sayHello(); } } });

和HTML：

<div my-directive1>
    <div my-directive2></div>
</div>