Ионная динамическая ссылка Angular JS click click

0

Итак, у меня есть список элементов в проекте Ionic framework, например:

 <a ng-repeat="item in items" href="#/item/{{item.id}}" ng-click="clicker(item)" class="item item-thumbnail-left">

Будучи noob в AngularJS, я не знаю, как создавать случайные состояния, используя государственные провайдеры. Urls выглядят следующим образом: /item/1,/item/2,/item/3 и т.д.

Что я пытаюсь достичь:

  • определить шаблон
  • загружать некоторый контент в этот шаблон, динамически (для каждого элемента у меня есть другой контент)

Это возможно? Если да, то как?

  • 0
    Вы имеете в виду «динамический контент» как данные из вызова AJAX на основе идентификатора или просто статические файлы HTML?
  • 0
    @ShashankAgrawal На данный момент это не важно. Я пытаюсь просто открыть новую "страницу", когда я нажимаю на элемент списка. После этого передача идентификатора должна быть легкой, я думаю. Прямо сейчас только статические HTML-файлы
Теги:
ionic-framework
angular-ui-router

1 ответ

1
Лучший ответ

Да, это абсолютно возможно. Сначала немного взгляните на определение состояния и использование государственного менеджера https://github.com/angular-ui/ui-router/wiki

Теперь определите состояние типа:

.state('itemView', {
    url: '/item/:id',
    templateUrl : function($stateParams) {
        // Your path to the view
        return 'views/items/display' + $stateParams.id + '.html';
    }
})

Теперь ваш клик по ссылке привязки должен отображать страницу на основе идентификатора, учитывая, что у вас есть статические файлы HTML, называемые views/items/display1.html

Поделиться
  • 0
    Спасибо. Страница не отображается, но я понял идею. Нажав на элемент прямо сейчас, ничего не происходит.
  • 0
    Рад, что это помогает! Документация по ui-router довольно хороша. Пожалуйста, попробуйте прочитать его с самого начала, вы обязательно запустите свою страницу.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню