How can I invoke encodeURIComponent from angularJS template?

by

You could create a filter that calls encodeURIComponent

E.g.

var app = angular.module('app', []);
app.filter('encodeURIComponent', function() {
    return window.encodeURIComponent;
});

Then do

<a href="#/foos/{{foo.id | encodeURIComponent}}">{{foo.name}}</a>

Running example: http://jsfiddle.net/YApdK/

More Related Contents:

  1. Can one AngularJS controller call another?
  2. How to pass parameters using ui-sref in ui-router to controller
  3. How to set an iframe src attribute from a variable in AngularJS
  4. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  5. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  6. Losing scope when using ng-include
  7. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  8. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  9. How to pass parameters using ui-sref in ui-router to the controller
  10. How to make ng-bind-html compile angularjs code
  11. What is the correct syntax of ng-include?
  12. Ternary operator in AngularJS templates
  13. angularjs to output plain text instead of html
  14. AngularJS – ng-disabled not working for Anchor tag
  15. Set active tab style with AngularJS
  16. Image loaded event in for ng-src in AngularJS
  17. Template does not update when using ui-router and ion-tabs
  18. AngularJS: Better way to watch for height change
  19. How do I disable the save password bubble in chrome using Javascript?
  20. How to remove an item from an array in AngularJS scope?
  21. CSS: Change parent on focus of child
  22. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  23. AngularJS – placeholder for empty result from filter
  24. Angular form validation ng-disabled not working
  25. Webstorm: “Cannot Resolve Directory”
  26. angularjs form reset error
  27. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  28. Rename Object Key in an array using javascript
  29. multiple ui-view html files in ui-router
  30. Decode HTML entity in Angular JS

Leave a Comment