Angularjs input [placeholder] dyrektywa zrywająca z modelem ng
Więc pierwszy dzień pracy z angularjs i nie do końca to rozumiem. Próbuję naśladować symbol zastępczy html5 za pomocą dyrektywy kątowej. Całkowicie działa, dopóki nie dodam modelu ng do pola, a następnie działa tylko wtedy, gdy użytkownik wchodzi w interakcję z polem, a także łamie dowolną wartość, jaką miało pole.
kod tutajhttp://jsbin.com/esujax/32/edit
dyrektywaApp.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>
wydaje się bardzo prosty, ale jestem zgubiony