在ui-router中动态构建的ui-sref属性

Question

我是新手，尤其是ui路由器。

这里是一个链接：

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

该链接是动态填充的。

因此，当我尝试像这样从我的配置访问该状态时：

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

我收到此错误消息：

错误：无法从状态“主题”解析“ / topics / myTopic”

在上面：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的一部分）

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

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

• ui路由器，URL参数
• ui-sref