Начал использовать angular1 совсем недавно и есть задача организовать роутинг.
Грубо говоря, для интернет-магазина, типа:
/catalog/idCategory/idProducts (/catalog/mobile/meizu, /catalog/tv/sony)
Переход может быть по всем 3 путям. Допустим, в каталоге у нас все товары. В категориях соответственно товары по категориям и далее уже сам товар.
Почитав инфу, все же склоняюсь к ui.route
, но никак не могу реализовать данную иерархию. Как я понимаю, для каждой страницы свой контролер.
т.е роутинг должен быть типа:
.state('tasks', {
url: "/catalog",
templateUrl: "templates/catalog.html",
controller: "catalogCtrl"
})
.state('catalog.category', {
url: "/catalog/:catalogId",
templateUrl: "templates/catalogCateg.html",
controller: "catalogCategCtrl"
})
.state('catalog.category.details', {
url: "/catalog/:catalogId/:idproduct",
templateUrl: "templates/productPage.html",
controller: "productPageCtrl"
})
И в контроллерах мы должны определять $stateParams
и передавать в url
.
Может у кого есть опыт данной реализации или интересные примеры, ссылки. Было бы идеально готовый подобный пример. Разобрать смогу. Документацию читал по ui.route
.
Много чего от туда подчерпнул, но реализовать так и не получается.