AngularJS可選路由參數

Question

我有一個angularJS應用程序，在此路由可以是以下

www.website.com/blog/xyz 
www.website.com/blog/xyz/title/other-params 

在最後一個網址，標題參數是利用用戶的可讀性的緣故，所以它不是在URL強制性的。因此，我使用下面的angularJS代碼爲我的路線。

$routeProvider 
    .when('/blog', { 
     templateUrl : url, 
     controller : 'blogsHome' 
    }) 
    .when('/blog/:blog_id', { 
     templateUrl : url, 
     controller : 'blogInfo' 
    }) 
    .when('/blog/:blog_id/:url_params*', { 
     templateUrl : url, 
     controller : 'blogInfo' 
    }); 

現在，在上面的代碼中，我不得不添加中間當因爲角度期望:url_params並不能爲空。有沒有什麼辦法可以省掉中間當聲明？

Answer 1

添加*給您目錄的多層次的動態和增加?工作與可選路徑工作。但是，當你想與多層次但可選工作，那麼可以嘗試這樣?:multipleOptionalParams*?

所以試試這個：

$routeProvider 
    .when('/', { 
     templateUrl : 'blog.html', 
     controller : 'myCtrl' 
    }) 
    .when('/blog/:blog_id/?:url_params*?', { 
     templateUrl : 'details.html', 
     controller : 'details' 
    }); 

可以參觀Plunker Demo

Answer 2

我想用第二個替換第三個，以改變第一個匹配的順序。

像這樣，最複雜的第一：

$routeProvider 
    .when('/blog', { 
     templateUrl : url, 
     controller : 'blogsHome' 
    }) 
    .when('/blog/:blog_id/:url_params*', { 
     templateUrl : url, 
     controller : 'blogInfo' 
    }) 
    .when('/blog/:blog_id', { 
     templateUrl : url, 
     controller : 'blogInfo' 
    });