Not retrieve image from JSON in Mobile Angular Ui.(Angular Js)

Question

I want to retrieve image from JSON. Right now i am retrieving all these things from JSON Like Price, Display order But Image can't be retrieve.

HTML:

<div ng-controller="chooseProductDescription">
                <div ng-repeat="cat in productDescription">
                        <img src="{{cat.product.productPictures[0].pictureUrl}}">
                        <span>Price</span>{{cat.product.price}}
                        <span>Display Order</span>{{cat.product.productPictures[0].displayOrder}}
                </div>
            </div>

CONTROLLER:

.controller('chooseProductDescription', function($scope, $http){
    $http({
        method:'get',
        url:'http://www.json-generator.com/api/json/get/cgrvadFrGW?indent=2',
        header:{'Content-Type':'application/json'},
    }).success(function(data,status,headers, config){   
        $scope.productDescription = data;
        alert("shjkshjksadhkjas");
    }).error(function(data, status,headers, config){

    })
})

Right now i am retrieving data from this URL:

http://www.json-generator.com/api/json/get/cgrvadFrGW?indent=2

i want to retrieve image from json. Please share your ideas.

alpha1554 · Accepted Answer · 2016-02-08 09:51:21Z

1

You are not using the correct format in the reponse of the $http promise. The code should be :

$http({
    method:'get',
    url:'http://www.json-generator.com/api/json/get/cgrvadFrGW?indent=2',
    header:{'Content-Type':'application/json'},
}).success(function(response){   
    $scope.productDescription = response.data;
    alert("shjkshjksadhkjas");
}).error(function(response){

})

edited Feb 8, 2016 at 9:51

answered Feb 8, 2016 at 9:06

alpha1554

6055 silver badges15 bronze badges

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

2 Comments

alpha1554 Over a year ago

Maybe you are using the reponse structure from the $http promise wrong. The specs are describing a reponse object with a data attribute. You should try :

$http({         method:'get',         url:'http://www.json-generator.com/api/json/get/cgrvadFrGW?indent=2',         header:{'Content-Type':'application/json'},     }).success(function(response){            $scope.productDescription = reponse.data;         alert("shjkshjksadhkjas");     }).error(function(response){      })

Varun Sharma Over a year ago

thanks save my time. If you like my question then voting up for helps others.

Collectives™ on Stack Overflow

Not retrieve image from JSON in Mobile Angular Ui.(Angular Js)

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related