Angular ui-sref，参数删除空格？解决方法？答案

【问题标题】：Angular ui-sref, param removes spaces? Workaround for it?Angular ui-sref，参数删除空格？解决方法？
【发布时间】：2017-11-19 06:42:19
【问题描述】：

我有一个锚标签：

<a ui-sref="view({id:{{ id }}})" data-toggle="tooltip" data-placement="top" title="View Details"><i class="fa fa-search-plus fa-2x icon-color"></i></a>

我在这里得到的 id 值是“ID - 100”（包括空格）。当我单击此链接时，它移动到的 URL 是“view/-100”。请注意，它已经删除了“-”之前的文本字符以及空格。

这会导致传递的数据不正确。不完全确定如何传递这个值？（希望在 ui-sref 中找到解决方案。不使用 ng-click ）。

提前致谢。

JSFiddle：http://jsfiddle.net/6mpbfk3c/

注意在控制台你会看到这个错误：

“网络错误：404 未找到 - http://jsonplaceholder.typicode.com/posts/-100”

【问题讨论】：

你不应该只通过100而不是ID - 100吗？
令人困惑......在你的例子中你正在使用posts.details.about({postId: USL - 100}) - 如果这是一个字符串用''包装它......？
很抱歉给您带来了困惑。我传递的 id 是结果集的一部分。所以基本上就是这种格式..posts.details.about({postId: {{post.id}}})

标签： javascript angularjs angular-ui-router ui-sref

【解决方案1】：

看看，一定有帮助。 fiddle

<button ui-sref="posts.details.about({postId: 'USL - 100'})">Load Post Details About</button><br/>

【讨论】：

你是个天才.. :) 为这个简单的问题困扰了我很久.. :D 非常感谢你们所有的 cmets。我这样做了：posts.details.about({postId: '{{post.id}}'})