Как связать уникальный ui-sref с каждым элементом в динамическом списке?

Question

Как связать уникальный ui-sref с каждым элементом в динамическом списке?

0

У меня есть система разбиения на страницы, состоящая из элементов, которые я извлекаю из файла 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". Как будет работать маршрутизация в этом случае? Возможно ли это?

Krihox 19 авг. 2016, в 13:19

Источник

Теги:

javascript

angularjs

angular-ui-router

1 ответ

Ещё вопросы

Torben Pi Jensen · Accepted Answer · 2016-08-19T09-16-00.000Z

Использовать параметры состояния: https://github.com/angular-ui/ui-router/wiki/url-routing

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

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

Спасибо, я ожидал чего-то более сложного, но это работает отлично! Кроме того, у вас есть идея, как получить только :itemId со :itemId $ location?
Извините за поздний ответ: используйте сервис $ stateparams в вашем контроллере - он будет в $ stateparams.itemId