如何在AngularJS上使URL像'/ category/category_name/product_name'

Question

大多數Web應用程序都有這樣的url。 /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