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

时间:2017-05-24 17:38:53

标签: javascript angularjs

我有以下代码

 <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>

我的问题是,当用户点击该链接并重定向该网址时,&#39; +&#39;标志转换为&#39;%20&#39;

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

让用户无法看到正确的数据,感谢任何输入

1 个答案:

答案 0 :(得分:2)

使用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);
}