如何从 angularJS 模板调用 encodeURIComponent? [英] How can I invoke encodeURIComponent from angularJS template?
本文介绍了如何从 angularJS 模板调用 encodeURIComponent?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的 Angular JS 模板中有一个块
I have a block in my angular JS template a la
<a href="#/foos/{{foo.id}}">{{foo.name}}</a>
然而,foo.id 属性有时可能包含时髦的字符 ('/').我想做这样的事情:
However, the foo.id property can sometimes contain funky characters ('/'). I want to do something like this:
<a href="#/foos/{{encodeURIComponent(foo.id)}}">{{foo.name}}</a>
但它不起作用?我该如何解决这个问题?
but it doens't work? How can I fix this?
推荐答案
您可以创建一个调用 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/
这篇关于如何从 angularJS 模板调用 encodeURIComponent?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文