i want to display the details of product using their index value in ng-repeat . i have used stateparams to pass the value to next page as shown below
app.js
.state('app.playlists', {
url: '/playlists',
views: {
'menuContent': {
templateUrl: 'templates/playlists.html',
controller: 'PlaylistsCtrl'
}
}
})
.state('app.single', {
url: '/playlists/:playlistId',
views: {
'menuContent': {
templateUrl: 'templates/playlist.html',
controller: 'PlaylistCtrl'
}
}
});
controller.js
.controller('PlaylistsCtrl', function($scope) {
$scope.playlists = [
{
"_id":"56ac6598a7bec30300542208",
"product_name":"Kinley",
"can_path":"http://test15.watervan.in/wp-content/uploads/2015/07/p-95-WV-Kinley-25l.png",
"can_rate":"40",
"__v":0,
"date":"2016-01-30T07:26:16.908Z",
"desc":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin finibus diam quis pharetra. Sed imperdiet vestibulum libero sit amet auctor"
},
{
"_id":"56ac65a1a7bec30300542209",
"product_name":"Bisleri",
"can_path":"http://test15.watervan.in/wp-content/uploads/2015/07/p-95-WV-Kinley-25l.png",
"can_rate":"50",
"__v":0,
"date":"2016-01-30T07:26:25.611Z",
"desc":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin finibus diam quis pharetra. Sed imperdiet vestibulum libero sit amet auctor"
},
{
"_id":"56ac65a8a7bec3030054220a",
"product_name":"Hapserve",
"can_path":"http://test15.watervan.in/wp-content/uploads/2015/07/p-95-WV-Kinley-25l.png",
"can_rate":"25",
"__v":0,
"date":"2016-01-30T07:26:32.341Z",
"desc":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin finibus diam quis pharetra. Sed imperdiet vestibulum libero sit amet auctor"
},
{
"_id":"56ac65b3a7bec3030054220b",
"product_name":"Tata Waters",
"can_path":"http://test15.watervan.in/wp-content/uploads/2015/07/p-95-WV-Kinley-25l.png",
"can_rate":"60",
"__v":0,
"date":"2016-01-30T07:26:43.866Z",
"desc":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin finibus diam quis pharetra. Sed imperdiet vestibulum libero sit amet auctor"
}
];
})
.controller('PlaylistCtrl', function($scope, $stateParams) {
$scope.cart=[];
$scope.index = $stateParams.playlistId;
console.log($scope.index);
})
playlist.html
helloi want to display datas in playlist page using the index we got through stateparams