HTTP.GET無法正常工作

Question

我正在嘗試將圖像從HTTP.GET加載到我的應用程序中。 我不確定為什么圖片沒有加載。

這是我的代碼：

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;
            })
    }

});

Answer 1

將您的photoCtrl 控制器添加到視圖中

我看到ng-repeat="data in data" ，這里item和collection具有相同的名稱，這不是一個好習慣。

如果我將其作為ng-repeat="img in data"摘錄，那么您的ng-src將像

ng-src="{{img}}"

更新的CODEPEN