Итак, первый день на работе с angularjs, и я не совсем понял. Я пытаюсь подражать html5 placeholder, используя директиву angular. Он полностью работает до тех пор, пока я не добавлю ng-модель в поле, а затем он работает только после того, как пользователь взаимодействует с полем, а также сломает любое значение, которое имеет поле.
код здесь http://jsbin.com/esujax/32/edit
директива
App.directive('placehold', function(){
return {
restrict: 'A',
link: function(scope, element, attrs) {
var insert = function() {
element.val(attrs.placehold);
};
element.bind('blur', function(){
if(element.val() === '')
insert();
});
element.bind('focus', function(){
if(element.val() === attrs.placehold)
element.val('');
});
if(element.val() === '')
insert();
}
}
});
html
<textarea ng-model="comment" placehold="with a model it doesn't work"></textarea>
кажется супер простым, но я потерян