使用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 documentation。