簡體   English   中英

如何將唯一的ui-sref與動態列表中的每個項目相關聯?

[英]How to associate a unique ui-sref to every items in a dynamic list?

我有一個分頁系統,該系統由從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”。 在這種情況下,路由如何工作? 這有可能嗎?

使用狀態參數: https : //github.com/angular-ui/ui-router/wiki/url-routing

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

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM