How to display json data using index of ng-repeat items?

@samxfido88 wrote:

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

hello

i want to display datas in playlist page using the index we got through stateparams

Posts: 1

Participants: 1

Read full topic