Show details on detail page from a clicked list item


#1

Hi again :slight_smile:
Using this example:

It nicely shows a list and when clicked it goes to the “playlist” page.

How can i make sure the detail page ; playlist shows the correct item title and / or further info?
Fe. I want to show “displayme” on the detail page. As it seems with the current way it passes no data any further

I followed this tutorial which seems pretty clear. But I get stuck as it seems to load an url while I have an array allreay.

It’s a bit beyond my skills atm. Could someone tell me how I can show "displayme"
On the detail page as such?

file= playlist.html


Playlist

{{playlist.displayme}}

controller(‘PlaylistsCtrl’, function($scope) {
$scope.playlists = [
{ title: ‘Reggae’, id: 1 , displayme:‘to display on the detail page’},
{ title: ‘Chill’, id: 2 , displayme:‘to display on the detail page’},
{ title: ‘Dubstep’, id: 3, displayme:‘to display on the detail page’ },
{ title: ‘Indie’, id: 4, displayme:‘to display on the detail page’ },
{ title: ‘Rap’, id: 5, displayme:‘to display on the detail page’ },
{ title: ‘Cowbell’, id: 6, displayme:‘to display on the detail page’ }
];
})

.controller(‘PlaylistCtrl’, function($scope, $stateParams) {
});


#2

Hi vi54,

without seeing your full code its kinda hard to say. but simply but your have the safe id into the stateParams and retrieve in in your PlaylistCtrl and do array search on your array to find the right json and then you can display that data in your view.

Make a codepen and people are able to guide you a little better