html input ng model,AngularJS input [placeholder]指令被ng-model破坏

小编典典

您的样本中仅有几处修改：

app.directive('placehold', function() {

return {

restrict: 'A',

require: 'ngModel',

link: function(scope, element, attr, ctrl) {

var value;

var placehold = function () {

element.val(attr.placehold)

};

var unplacehold = function () {

element.val('');

};

scope.$watch(attr.ngModel, function (val) {

value = val || '';

});

element.bind('focus', function () {

if(value == '') unplacehold();

});

element.bind('blur', function () {

if (element.val() == '') placehold();

});

ctrl.$formatters.unshift(function (val) {

if (!val) {

placehold();

value = '';

return attr.placehold;

}

return val;

});

}

};

});

不确定它是否是最佳解决方案，无论如何都可以。即使键入相同的文本，也就是占位符属性中的文本，也会导致它检查模型的焦点值。

2020-07-04