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>

在控制器中定义该函数并返回该值：

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