對Angular UI Router使用多個regexp參數

Question

我在項目中使用AnglarJs和Angular UI Router。 我正在為路線使用參數，例如：

url: '/content/:categoryId/:categoryType'

但是使用URL時出現問題：

url: '/content/detail/:contentId'

看來Angular UI Router無法識別這2個的區別。然后，我決定對所有這些都使用regexp參數

url: '/content/{categoryId:int}/{categoryType:int}'
url: '/content/detail/{contentId:int}'

第二個URL可以，但是當我使用ui-sref時，Angular UI Router無法識別第一個：

<a ui-sref="firstUrl({categoryId: 1, categoryType: 2})">Anchor</a>

Angular UI路由器僅支持一個regexp參數嗎？

Answer 1

這里的問題在於UI-Router如何為url查找/解析狀態。 它用：

• 狀態定義的順序
• 使用第一個匹配

實際上這就是問題所在，因為第一個url模式：

url: '/content/{categoryId:int}/{categoryType:int}'

絕對適合為此提供的網址

url: '/content/detail/{contentId:int}'

在這些情況下，解決方案相對簡單。 更改狀態定義的順序。 首先應該越精確，其次就越動態