javascript - 如何从 angularJS 模板调用 encodeURIComponent？

Question

我的 angular JS 模板中有一个 block la

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

但是，foo.id 属性有时会包含古怪的字符(“/”)。我想做这样的事情:

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

但它不起作用？我该如何解决这个问题？

Answer 1

您可以创建一个过滤器来调用 encodeURIComponent

例如

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

然后做

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

运行示例:http://jsfiddle.net/YApdK/