angularjs - ui-router 中动态构造的 ui-sref 属性

Question

我是 Angular 的新手，尤其是 ui-router。

这是一个链接:

<a ui-sref="/topic/{{topic.id}}">SomeText</a>

该链接是动态填充的。

因此，当我尝试从我的配置中访问该状态时，如下所示:

 .state('topics/:topicId',{
        url:"",
        templateUrl: "",
        controller: ""
    })

我收到此错误消息:

Error: Could not resolve '/topics/myTopic' from state 'topics'

在上面: myTopic是一个变量名。

Answer 1

你快到了。只是参数必须是 URL 定义的一部分，而不是状态名称:

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

以及如何调用它( currentItem.id 将作为某些 ng-repeat 的一部分动态注入(inject))

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

因为 ui-sref表示: ui-sref='stateName({param: value, param: value}) .更多信息在这里:

ui router, URL Parameters

ui-sref