Angular directive for a fallback image

by

No but you can create one.

http://jsfiddle.net/FdKKf/

HTML:

<img fallback-src="http://google.com/favicon.ico" ng-src="{{image}}"/>

JS:

myApp.directive('fallbackSrc', function () {
  var fallbackSrc = {
    link: function postLink(scope, iElement, iAttrs) {
      iElement.bind('error', function() {
        angular.element(this).attr("src", iAttrs.fallbackSrc);
      });
    }
   }
   return fallbackSrc;
});

More Related Contents:

  1. angular ng-bind-html and directive within it
  2. How to call a method defined in an AngularJS directive?
  3. How to use a keypress event in AngularJS?
  4. Angular directives – when and how to use compile, controller, pre-link and post-link [closed]
  5. Angularjs dynamic ng-pattern validation
  6. Easiest way to pass an AngularJS scope variable from directive to controller?
  7. Using angularjs filter in input element
  8. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  9. How to autocapitalize the first character in an input field in AngularJS?
  10. How to understand the `terminal` of directive?
  11. Accessing attributes from an AngularJS directive
  12. Custom form validation directive to compare two fields
  13. AngularJS : ng-repeat filter when value is greater than
  14. AngularJS Group By Directive without External Dependencies
  15. How to modify scope from within a directive in AngularJs
  16. Binding variables from Service/Factory to Controllers
  17. How to use “ng-repeat” within template of a directive in Angular JS?
  18. AngularJS custom form component / directive using ng-model
  19. How can you limit the value from input using AngularJS?
  20. How to set the dynamic controller for directives?
  21. Bind class toggle to window scroll event
  22. Angular adds strange options into select element when setting model value
  23. Enable/Disable Anchor Tags using AngularJS
  24. What is `priority` of ng-repeat directive can you change it?
  25. Illegal use of ngTransclude directive in the template
  26. Understanding the transclude option of directive definition?
  27. angularjs text area character counter
  28. ng-click doesn’t work within the template of a directive
  29. creating a new directive with angularjs
  30. AngularJS – Directives vs Controllers

Leave a Comment