使用Angular JS創建路線

Question

我從Angular JS開始嘗試做這個項目，但是遇到了一些問題。

我知道如何使用Angular JS輕松進行路由，即如果您有一些特定的.html文件。

但是，如何創建類似.html臨時文件的內容？ 讓我解釋。

假設我有CD商店的.html主頁。 您可以在我的頁面上進行快速搜索，然后可以從矢量CD列表中單擊CD。 我想為該特定CD創建路由，而不必為每個CD創建一個.html文件。 當您單擊時，您將看到類似http：... / AbbeyRoad或http：... / AbbeyRoad.html的內容。

有什么建議么？

Answer 1

您所追求的是路線參數。 你可以這樣做：

.when('/Artist/:ArtistId/Album/:AlbumId', {
    templateUrl: 'album.html',
    controller: 'AlbumController'
 }

:表示這是一個參數，並在導航期間傳遞。 然后，您可以在控制器中使用該參數，以使其感覺合適（進行API調用，創建標記等）。

這樣-這是您的控制器：

 .controller('ChapterController', function($scope, $routeParams) {
     $scope.params = $routeParams;
 })

和您的看法：

<div>
    Artist Id: {{params.ArtistId}}<br />
    Album Id: {{params.AlbumId}}
</div>

看一下$ route 文檔 。