How can I invoke encodeURIComponent from angularJS template?

Question

I have a block in my angular JS template a la

{{foo.name}}

However, the foo.id property can s

Answer 1

You could create a filter that calls encodeURIComponent

E.g.

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

Then do

{{foo.name}}

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