javascript - 如何在AngularJS上制作像 '/category/category_name/product_name'这样的url

Question

大多数网络应用程序都有这样的网址。 /catalog/category_name/category_id/product_name/product_id

如何使用 ui-route 在 AngularJS 上做同样的事情？我的意思是我可以做类似/category/products 的事情，但如何制作其他部分我不知道:(

Answer 1

$stateProvider
        .state('catalog', {
            url: '/catalog'
        })
       .state('catalog.categoryName', {
            url: '/catalog/:category_name/:category_id/:product_name/:product_id'
        });

以及 HTML 中的访问

<a href="" ui-sref="app.catalog.name(category_name:yourcategori, category_id: yourcategoryid, product_name:yourproductname, product_id: yourproductid)";

或者在 Controller 中

 $state.go('app.catalog.name',{category_name:yourcategori, category_id: yourcategoryid, product_name:yourproductname, product_id: yourproductid});

所有这些都在 ui-router 的文档中