Угловой ui-sref, param удаляет пробелы? Обойти это?

Question

У меня есть якорный тег:

<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 - 100"(включая пробелы). Когда я нажимаю на эту ссылку, URL-адрес, на который она перемещается, является "view/-100". Обратите внимание, что он удалил текстовые символы перед "-", а также пробелы.

Это приводит к неверной передаче данных. Не совсем уверен, как передать это значение? (Надеясь найти решение в пользовательском интерфейсе. Не используя ng-click).

Заранее спасибо.

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

Обратите внимание, что в консоли вы увидите эту ошибку:

"Ошибка сети: 404 не найден - http://jsonplaceholder.typicode.com/posts/-100"

Answer 1

Посмотрите, это должно быть полезно. играть на скрипке

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