javascript - Angular 1.5 编码/解码 URL 中的特殊字符

Question

我有以下代码

 <p class="form-control-static col-sm-7"><a target="_blank" ng-href='/app.html#/playout-search?air_date={{dc.info.air_date}}&market={{dc.info.market}}&syscode={{dc.info.syscode}}&network={{dc.info.network}}&spot_uuid={{dc.info.spot_uuid}}'>{{dc.info.spot_uuid}}</a></p>

数据看起来像这样

<p class="form-control-static col-sm-7"><a target="_blank" ng-href='/app.html#/playout-search?air_date=2017-05-24&market=BOST&syscode=8369&network=TRAV-HD&spot_uuid=NZEKpL33iE+UDpqixAVtmg%3D%3D'</a></p>

我的问题是，当用户点击链接并重定向到 URL 时，“+”号会转换为“%20”

/app.html#/playout-search?air_date=2017-05-24&market=BOST&syscode=8369&network=TRAV-HD&spot_uuid=NZEKpL33iE%20UDpqixAVtmg%3D%3D

使用户无法看到正确的数据，任何输入将不胜感激，谢谢

Answer 1

使用 JavaScript 的 decodeURIComponent() 方法。因此，在您的 HTML 中动态获取 href:

<p class="form-control-static col-sm-7"><a target="_blank" ng-href="{{getMyHREF();}}">{{dc.info.spot_uuid}}</a></p>

然后在您的 Controller 中定义该函数并返回该值:

$scope.getMyHREF = function() {
  return decodeURIComponent(MYCOMPOSEDHREFHERE);
}