Então primeiro dia no trabalho com angularjs e não estou conseguindo. Estou tentando imitar um espaço reservado para html5 usando uma diretiva angular. Funciona totalmente até eu adicionar um ng-model ao campo e ele só funciona depois que um usuário interage com o campo e também quebra qualquer valor que o campo tenha.

codifique aquihttp://jsbin.com/esujax/32/edit

a diretiva

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();
    }
  }
});

o html

<textarea ng-model="comment" placehold="with a model it doesn't work"></textarea>

parece super simples, mas estou perdido