Filter in ui-sref

Question

I am trying to apply a filter on a parameter in my ui-sref reference.

<a ui-sref="item.show({ itemId: item.id, itemName: item.name | slugify })">

However, the above is not working. How to I apply the slugify filter to item.name ?

Answer 1

使用括号进行过滤：

<a ui-sref="item.show({ itemId: item.id, itemName: (item.name | slugify) })">

Answer 2

You can use a function:

<a ui-sref="item.show({ itemId: item.id, itemName: getSlugifiedName(item) })">

And in your controller, something like that:

$scope.getSlugifiedName = function (item) {
    return $filter('slugify')(item.name);
}