Dynamically constructed ui-sref attribute in ui-router

Question

I am new to angular and especially ui-router.

Here is a link:

SomeText

The link

Answer 1

Try to use a simple name for state as 'topics' and use 'topics/:topicId' as url property. After that you can use ui-sref='topics({topicId: topic.id})'

Answer 2

You are almost there. Just the parameter must be part of the URL definition, not the name of the state:

.state('topics',{
    url: '/{id:[0-9]{1,8}}', // we can also add some constraint, like int id only
    templateUrl: "",
    controller: ""
 })

And how to call it (where currentItem.id would be injected dynamically as a part of some ng-repeat)

<a ui-sref="topics({id:currentItem.id})">SomeText</a>

Because ui-sref means: ui-sref='stateName({param: value, param: value}). More info here:

• ui router, URL Parameters
• ui-sref