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

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

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>

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

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’来要求来自父指令的指令控制器，如下所示：

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

和HTML：

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