javascript - 为什么我的 Angular Directive(指令)没有引入这个属性？

Question

这是未定义的，但我不确定为什么？ 指令:

<input type="password" float-placeholder
       custom-error="test" placeholder="Confirm password"
       required name="passwordSecond" id="passwordSecond"
       ng-model="vs.PasswordSecond" />

angular.module('inMyBag').directive('floatPlaceholder', function ($window) {
  return {
    restrict: 'A',
    scope: {
      customError: '='
    },
    link: function (scope, element, attrs) {
      element.bind('blur', function() {
        console.log(scope.customError);
      });
    }
  };
});

这是在 angular 1.6 中。

Answer 1

要将属性文本绑定(bind)到范围，请使用属性 @绑定(bind):

app.directive('floatPlaceholder', function ($window) {
  return {
    restrict: 'A',
    scope: {
      ̶c̶u̶s̶t̶o̶m̶E̶r̶r̶o̶r̶:̶ ̶̶̶'̶̶̶=̶̶̶'̶̶̶ 
      customError: '@'
    },
    link: function (scope, element, attrs) {
      element.on('blur', function() {
        console.log(scope.customError);
      });
    }
  };
});

指令输入使用<和 @绑定(bind)。 <符号表示 one-way bindings从 1.5 开始可用。属性 @当输入是字符串时可以使用绑定(bind)，尤其是当绑定(bind)的值不变时。