使用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 文档 。