angularjs - access certain element of JSON in angular JS -

below json file:

[ {     "name":"peter england shirt",     "prodimage":["./images/zoom/zoom1hi.jpg","./images/zoom/zoom2hi.jpg","./images/zoom/zoom3hi.jpg"],     "actualprice":"90",     "discountedprice":"70",     "desc":"cotton",     "prodcolor":["#f1f40e","#adadad","#4ec67f"],     "quantity":[1,3,4,5,60],     "size":["xl","l","m","s"],     "detail":"take away",     "sizechart":["16 waist","measurements taken size 30","model wears size 31. model 6'2"],     "shipping":[         {             "type":"standard",             "days":"5-6 days",             "cost":"200"         },{             "type":"next day",             "days":"1 days",             "cost":"500"         }     ],     "sellerlist":[         {             "sellername":"abc",             "price":"566",             "deliveryday":"4-5 working days"         },{             "sellername":"sedf",             "price":"300",             "deliveryday":"4-5 working days"         },{             "sellername":"qwer",             "price":"555",             "deliveryday":"2-5 working days"         }     ]  } ] 

the js file below:

var pjson="./json/product.json"; $http.get(pjson).success(function(response){    $scope.product=response;}); 

now, if want access "name" attribute can call {{product[0].name}}.

but not able access prodimage attribute using ng-repeat. trying this:

    <div  ng-repeat="image in product.prodimage">             {{image[0]}}     </div> 

is wrong?>

yes wrong ,, note have product object array ,, if want first object should this

<div  ng-repeat="image in product[0].prodimage">         {{image[0]}} </div> 

or if want iterate on products ,, need make nested ng-repeat

<div  ng-repeat="p in product">         <div  ng-repeat="image in p.prodimage">         {{image[0]}}         </div> </div>