Как перенаправить правильное состояние в ui-router?

Question

Когда я ввожу URL-адрес «/ samsung», я не знаю, какое состояние следует использовать, поэтому оно будет соответствовать только одному в этой категории.

Я проделал некоторое чтение, и я должен использовать UrlMatcher, а затем на основе этого перенаправления на правильное состояние ... но как?

https://ui-router.github.io/docs/latest/classes/url.urlmatcher.html

У меня есть 4 состояния.

const home = { 
    name: 'home', 
    url: '/', 
    component: 'home' 
}; 

const category = { 
    name: 'home.category', 
    url: '{categoryName}', 
    component: 'category' 
}; 

const product = { 
    name: 'home.category.product', 
    url: '{productName}', 
    component: 'product' 
}; 

const cmsPage = { 
    name: 'home.cmsPage', 
    url: '{pageTitle}', 
    component: 'cmsPage' 
}; 

У меня есть служба, которая может предоставить мне тип страницы, основанный на URL-адресе.

так, используя службу с параметром «Самсунг» даст ответ «категории» и «Галактика» даст «продукт» и т.д. ...

Answer 1

Кроме дома. Все остальные URL маршрутизации определяются как url:'variable-name'. Но это должно быть url: '/route-name/variable-name'. Что-то вроде,

const category = { 
     name: 'home.category', 
     url: '/category/:{categoryName}', 
     component: 'category' 
    };