这是我在ui-sref属性指令中使用的链接:

<a ui-ref="show.hastitle({uuid:item.uuid, title:item.title})">


Title参数可以是波斯语单词,我期望的是下面的链接:

http://domain.com/page/54c82de2978af/واژه-فارسی

但是ui-sref返回如下:

http://domain.com/page/54c82de2978af/%D9%88%D8%A7%DA%98%D9%87-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C

我使用了以下解决方案:

var noneEncodedUri = {
      encode: function(str) { return str && str.replace(/ /g, "-"); },
      decode: function(str) { return str && str.replace(/-/g, " "); },
      is: angular.isString,
      pattern: /[^/]+/
};

$urlMatcherFactoryProvider.type('noneEncodedUri', noneEncodedUri);

$stateProvider.state('mystate', {
      url: "/{title:noneEncodedUri}"
 })


但是渲染的链接没有改变
如何完全停止ui-sref编码url参数?

最佳答案

我使用了这个作用域函数来解决我的问题:

$scope.beautyUri = function (uuid, title) {
    return decodeURIComponent($state.href("show.hastitle", {uuid: uuid, title: title}));
  };


并在html中使用此功能,如下所示:

<a href="{{beautyUri(item.uuid, item.title)}}">{{title}}</a>

关于javascript - 如何停止ui-sref编码url参数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32867026/

10-12 18:53