creating routes using Angular JS

Question

Im starting with Angular JS and trying to do this project I have, however I'm encountering some problems.

I know how to make routes using Angular JS the easy way, ie, if you have some specific .html files.

But how do you create something like a temporary .html file? Let me explain.

Let's say I have the main .html page of my CD store. You can make a quick search on my page and then you can click on a CD from a list of CD's in a vector. I want to create a route for that specific CD without having an .html file for each CD. When you click you'd get something like http:.../AbbeyRoad or http:.../AbbeyRoad.html.

Any suggestions?

istrupin · Accepted Answer · 2017-08-01 22:12:14Z

1

What you're after is route parameters. You can do this:

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

The : signifies that this is a parameter, and is passed in during navigation. You can then use that parameter in your controller how you see fit (making API calls, creating markup, etc.).

Like this -- here is your controller:

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

and your view:

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

Take a look at the $route documentation.

edited Aug 1, 2017 at 22:12

answered Aug 1, 2017 at 22:00

istrupin

1,55321 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

N.Car Over a year ago

Thanks a lot for the help! I will look into it :)

Collectives™ on Stack Overflow

creating routes using Angular JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related