angular general directives

angular-directives.js

//********* load image if src dont found **********//
myApp.directive('onErrorSrc', function() {
    return {
        link: function(scope, element, attrs) {
        if(!attrs.src){
            attrs.$set('src', attrs.onErrorSrc);
            return;
        }

        element.bind('error', function() {
            if (attrs.src != attrs.onErrorSrc) {
              attrs.$set('src', attrs.onErrorSrc);
            }
        });
        }
    }
});
//Usage
<img ng-src="wrongUrl.png" on-error-src="http://google.com/favicon.ico"/>

////////////////////////////////////////////////////
//********* on mouser hover change class **********//
app.directive('cfClassHover', [function(){
  return {
    link: function(scope, elem, attrs) {

      scope.$watch(attrs.cfClassHover, function(newValue){

        elem.bind('mouseover', function(e){
            elem.addClass(attrs.cfClassHover);
        });

        elem.bind('mouseleave', function(e){
          elem.removeClass(attrs.cfClassHover);
        })
      });
    }
  };
}] );