angularjs - 如何使用 AngularJS 生成 url 编码的 anchor 链接？

Question

<a href="#/search?query={{address}}" ng-repeat="address in addresses">
  {{address}}
</a>

如果我理解正确的话，

会生成未进行 url 编码的链接。编码 #/search?query={{address}} 的正确方法是什么？

示例地址为1260 6th Ave, New York, NY。

Answer 1

您可以在 JavaScript 中使用 native encodeURIComponent。 另外，您可以将其制作成字符串过滤器来使用它。

这是制作escape过滤器的示例。

js:

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

html:

<a ng-href="#/search?query={{address | escape}}">

(更新:适应 Karlies 的答案，该答案使用 ng-href 而不是普通的 href)