2017-08-01 68 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

非常感谢您的帮助!我会仔细看看的 :) –