AngularJS changes URLs to “unsafe:” in extension page

by

You need to explicitly add URL protocols to Angular’s whitelist using a regular expression. Only http, https, ftp and mailto are enabled by default. Angular will prefix a non-whitelisted URL with unsafe: when using a protocol such as chrome-extension:.

A good place to whitelist the chrome-extension: protocol would be in your module’s config block:

var app = angular.module( 'myApp', [] )
.config( [
    '$compileProvider',
    function( $compileProvider )
    {   
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/);
        // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...)
    }
]);

The same procedure also applies when you need to use protocols such as file: and tel:.

Please see the AngularJS $compileProvider API documentation for more info.

More Related Contents:

  1. Using page’s angular JS in chrome extension
  2. http request has been block from https
  3. JavaScript: client-side vs. server-side validation
  4. AngularJS routing without the hash ‘#’
  5. How to wait until an element exists?
  6. AngularJS passing data to $http.get request
  7. Angular IE Caching issue for $http
  8. How to filter (key, value) with ng-repeat in AngularJs?
  9. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  10. How can I use command line arguments in Angularjs Protractor?
  11. AngularJs – cancel route change event
  12. Pagination on a list using ng-repeat
  13. Tried to Load Angular More Than Once
  14. Update parent scope variable in AngularJS
  15. How to render html with AngularJS templates
  16. Problems downloading big file(max 15 mb) on google chrome
  17. How do I get basic auth working in angularjs?
  18. JSON security best practices?
  19. Angularjs: ‘controller as syntax’ and $watch
  20. Angular-UI Router: Nested Views Not Working
  21. How do I configure different environments in Angular.js?
  22. CSRF protection with CORS Origin header vs. CSRF token
  23. Share a single service between multiple angular.js apps
  24. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  25. AngularJS: ng-if not working in combination with ng-click?
  26. apply formatting filter dynamically in a ng-repeat
  27. Check if a file exists locally using JavaScript only
  28. angularjs custom filter to check for values inside a data array
  29. AngularJS application file structure
  30. AngularJS event on window innerWidth size change

Leave a Comment