javascript - 实现 UI Router Hierarchy/category/category/product 的最佳方式

Question

在 UI Router 中实现此类功能的最佳方法是什么？

/category/product

/category/category/product

例如:

/telephones/apple/iphone4/product

所以我有一个产品页面，其中可以包含一个或多个类别。如何在 UI Router 中执行此操作？

.state('product',{
    url: '/:categoryFirst/:product',
    templateUrl: '/partials/product.html',
    controller: 'ProductCtrl as product',
})


.state('product',{
    url: '/:categoryFirst/:categorySecond/:product',
    templateUrl: '/partials/product.html',
    controller: 'ProductCtrl as product',
})

没有太多代码，因为我不知道从哪里开始。

Answer 1

你可以使用这个UI router sample app或new sample app代码开始创建您的代码。这些应用程序的来源可以在这里找到: https://github.com/ui-router/sample-app .

而且他们似乎有足够复杂的路由级别来满足您的需求。