如何制作类似＆＃39; / category / category_name / product_name＆＃39;的网址在AngularJS上

Question

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

如何使用ui-route在AngularJS上进行相同的操作？我的意思是我可以做类似/类别/产品的事情，但如何制作另一部分我不知道：（

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)";

或在控制器中

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

所有这些都在ui-router

的文档中