路徑參數

Question

之後的角度ui路由器擴展url使用ui路由器可以使用這種類型的路由嗎？

父狀態---> /保存/：ID 子狀態---> /保存/：ID /吃

貝婁是我的代碼片段。爲什麼我試圖做這個頁面被重定向到路由。

.state('frouits.banana.saved', { 
     url: '/saved/:id', 
     views: { 
      parameters: { 
      templateUrl: 'banana.html' 
      } 
     } 
     })state('frouits.banana.saved.eat', { 
     url: '/saved/:id/eat', 
     views: { 
      parameters: { 
      templateUrl: 'banana.html' 
      } 
     } 
     }) 

Answer 1

默認情況下，UI-Router中的嵌套路由被追加。由於frouits.banana.saved.eat是frouits.banana.saved嵌套視圖，它繼承了它的網址，這意味着你的路線決心/saved/:id/saved/:id/eat

因此，所有你需要做的是去除/saved/:id部分從你的第二個路線的網址。

.state('frouits.banana.saved.eat', { 
    url: '/eat', // <-- 
    views: { 
     parameters: { 
     templateUrl: 'banana.html' 
     } 
    } 
}); 

，你可以做出你最初的例子作品的另一種方式將是通過你的路線（url: '^/saved/:id/eat'）之前，前面加上一個插入符聲明爲絕對的路線。

有關嵌套路由如何工作的更多信息，refer to the docs。