CODEWITHSUNDEEP
javascripthtmljsonangularjsionic-framework
smither123
smither123

Reputation: 357

HTTP.GET isn't working

I'm trying to load a image from a HTTP.GET into my application. I'm unsure why the picture isn't loading.

Here is my code:

Html:

<ion-view view-title="Gallery" align-title="center" ng-controller="photoCtrl">

<ion-content class="center" ng-init="getImages()">


    <div class="item item-divider">
      <i class="ion-images"></i> Under6/7/8/9s Photos
    </div>
    <a class="item item-list-detail">
      <ion-scroll direction="x">
        <img on-hold="onHold()" ng-repeat="image in images" ng-src="images" ng-click="showImages($index)" class="image-list-thumb" />
      </ion-scroll>
    </a>


</ion-content>
</ion-view>

Javascript:

.controller("photoCtrl", function($scope, $http) {

    $scope.data = [];

    $scope.getImages = function() {
        $http.get('https://api.myjson.com/bins/1jovy')
            .success(function(data) {
                $scope.data = data;
            })
    }

});

Upvotes: 0

Views: 104

Answers (1)

Bharath S
Bharath S

Reputation: 374

Add your photoCtrl controller to your view

I saw ng-repeat="data in data", here item and collection is having same name, which is not a good practice....

If I am rewiting this as ng-repeat="img in data" then your ng-src will be like

ng-src="{{img}}"

updated CODEPEN

Upvotes: 1

Related Questions