如何从另一个指令访问指令的 ngModelController？

Question

如何从另一个指令访问指令的ngModelController？

场景

我正在创建一个 type ahead 小部件，它由 typeAhead 指令和 autoCompletePopUp 指令组成。 AutoCompletePopUp 指令将使用 typeAhead's controller 与 typeAhead 交互。

但是当一个项目被选中时，我不知道如何从autoCompletePopUp 调用typeAhead's $setViewValue。

Answer 1

为什么不为typeAhead 的控制器添加一个函数，该函数在其自身上调用 $setViewValue。在typeAhead's 控制器的上下文中，您应该可以访问范围。如果需要，您可以将 typeAhead 的 ngModelController 放在作用域上。像这样的：

angular.module("myModule").directive("typeAhead", function() {
   return {
      require: "ngModel",
      controller: function($scope) {
         this.setValue = function(value) {
            $scope.ngModelController.$setViewValue(value);
         };
      },
      link: function(scope, element, attributes, ngModelController) {
         scope.ngModelController = ngModelController;
      },
   };
});

angular.module("myModule").directive("typeAhead", function() {
   return {
      require: "typeAhead",
      link: function(scope, element, attributes, typeAheadController) {
         scope.someAction = function(value) {
            typeAheadController.setValue(value);
         };
      },
   };
});

（防止缩小并根据需要将控制器移动到单独的对象/文件中；为方便起见，在此处内联）