directive - 如何从指令控制器访问 ngModel

Question

function prMySelects() {
  var ddo = {
    restrict: 'E',
    templateUrl: 'template.html',
    require: '?ngModel',
    scope: {
      ngModel: '='
    },
    controller: prMySelectsController,
    controllerAs: 'vm',
    bindToController: true
  };
  return ddo;
}

function prMySelectsController($locale) {
   ...
}

我需要在指令控制器内进行一些检查并设置 ngModel.$setValidity('some', false)，但ngModel is not defined出现错误。注入 ngModel 没有帮助......

PS 我知道我可以访问它link，但是是否可以在指令中访问 ngModel 控制器controller？

Answer 1

这种功能最好在指令的链接函数中完成。

function prMySelects() {
    return {
       restrict: 'E',
       require: '?ngModel',
       link: function(scope, element, attributes, ngModel) {
          scope.theModel = ngModel;
       },
       controller: function() {
           var vm = this;
            vm.theModel.$setViewValue...
       }
    }
}

在这种情况下，您实际上是在 ngModel 控制器中获得一个挂钩，并且不需要您在范围上实际指定它。