如何在 angularjs 中使用一個模板和控制器進行嵌套路由？

Question

我有一個主模板 main.html，現在我在這個頁面上說了幾個鏈接。

  `<a href="albums/bollywood">bollywood </a>`
  <a href="albums/tollywood">tollywood </a>

現在反過來這個頁面再次有鏈接作為<a href="album/bollywood/hindi/old"> Old </a>

鏈條還在繼續。

現在我想要的是每個 url 都有一個模板來呈現。 我想要一種配置：-

`$routeProvider(when('/albums/:albumName),
 {
     templateUrl : 'albumsList.html',
     controller : 'albumsCtrl'
 })`

我想指定 /albums/* 之后的任何內容，使用 $routeParams 在專輯名稱中收集該值。

在我的場景中，我認為不需要使用 ui-routes。

Answer 1

您需要在 $routeProvider 中使用 * 來匹配 url 中的所有字符，當使用:時，它將匹配所有字符，直到/ 。

更改您的代碼

$routeProvider(
when('/albums/:albumName),
 {
     templateUrl : 'albumsList.html',
     controller : 'albumsCtrl'
 })

到

$routeProvider(
when('/albums/:albumName*),
 {
     templateUrl : 'albumsList.html',
     controller : 'albumsCtrl'
 })

參考： https ://docs.angularjs.org/api/ngRoute/provider/ $routeProvider