如何将唯一的ui-sref与动态列表中的每个项目相关联？

Question

我有一个分页系统，该系统由从JSON文件检索的项目组成。 我可以添加/删除其中任何一个。 我想将每个链接关联到配置视图（每个条目具有相同的模板，但必须具有自己的配置）。 我正在寻找使用ui.router的正确方法。 这是我的路由的样子：

app.js：

app.config(function ($stateProvider) {

        $stateProvider.state("itemslist", {
            url:"/itemslist",
            views: { 
                'launcher':{
                    controller:"ItemsListCtrl",
                    templateUrl:"ItemsList.html"
                }
            }
        })
        ...
}

和html文件：

ItemList.html：

<ul>
    <li ng-repeat="item in listItem">
        <b>{{item.text}} -</b>
        <button ui-sref="dynamic state">CONFIG.</button>
    </li>
</ul>

这里的“动态状态”可能类似于“ config？item.id”。 在这种情况下，路由如何工作？ 这有可能吗？

Answer 1

使用状态参数： https : //github.com/angular-ui/ui-router/wiki/url-routing

ui-sref="config({itemId: item.id})"

$stateProvider.state("config", {
    url:"/itemconfig/:itemId",
    ...
})