javascript - AngularJS:将 ngModel 从 Controller 传递到指令

Question

我有一个 Controller ，里面有一个属性指令，该指令需要它的 Controller 父级的 ngModel。

查看此Plunkr .

问题

虽然表单加载正确，但指令内的日志显示以下内容:

a.$…t.aa {$attr: Object, $$element: R[1], fieldValidator: "", boundModel: "person", ngModel: undefined}

知道为什么 ngModel 未定义以及为什么boundModel 包含字符串“person”吗？我已经盯着这个看了太久了......

Answer 1

试试这个

app.directive('fieldValidator', [function(){
  return {
    restrict: 'A',
    scope: {
      boundModel: '='
    },
    controller: function($scope){

    },
    link: function ($scope, $elem, $attrs) {
      console.log($scope.boundModel);
    }
  }
}]);

就像其他人所说的那样，没有 ng-model 您可以在其中使用此指令。boundModel: '=' 是 boundModel: '=boundModel'

的缩写

如果你想访问boundModel，那么只需使用 $scope.boundModel 忽略 $attr 中显示的内容，猜测这不是你需要的。