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

dyrektywa
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>

wydaje się bardzo prosty, ale jestem zgubiony

questionAnswers(3)

yourAnswerToTheQuestion