在ui路由器中使用輸入的可選路由參數

Question

我想用一個可選的整數路由參數來定義單個狀態。

我已經在我的應用程序定義了以下狀態

$stateProvider.state('configuration', { 
    stateUrl: '/configuration/{id:int}', 
    template: '<div></div>' 
}); 

這工作有一個id例如所有路由/configuration/1，但它不是 適用於沒有id的路由例如/configuration/。

如果我把類型定義，就像下面，然後將其路由工作，有或沒有在最後的ID但我結束了一個string ID而不是number。

$stateProvider.state('configuration', { 
    stateUrl: '/configuration/:id', 
    template: '<div></div>' 
}); 

是否可以定義一個可選的類型路由參數？

Answer 1

我設法通過params選項得到這個工作。

$stateProvider.state('configuration', { 
    stateUrl: '/configuration/{id:int}', 
    params: { id: { value: null, squash: true } }, 
    template: '<div></div>' 
}); 

Answer 2

您可以使用'？'使參數可選。

請嘗試以下

$stateProvider.state('configuration', { 
    stateUrl: '/configuration/:id?', 
    template: '<div></div>' 
});