2017-08-01 32 views
0

我開始使用Angular JS並試圖完成這個項目,但是我遇到了一些問題。使用Angular JS創建路線

我知道如何使用Angular JS製作路線的簡單方法,例如,如果您有一些特定的.html文件。

但是,您如何創建類似臨時.html文件的東西?讓我解釋。

比方說,我有我的CD商店的主要.html頁面。您可以在我的頁面上快速搜索,然後您可以從矢量中的CD列表中單擊CD。我想創建一個特定CD的路徑,而不必在每張CD上都有一個.html文件。當你點擊你會得到像http:.../AbbeyRoad或http:.../AbbeyRoad.html的東西。

有什麼建議嗎?

回答

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> 

看看在$路徑documentation

+0

非常感謝您的幫助!我會仔細看看的 :) –