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 controller to your view

我看到ng-repeat="data in data"，这里的项目和集合有相同的名称，这不是一个好习惯....

如果我将其重新命名为ng-repeat="img in data"，那么你的ng-src就像

ng-src="{{img}}"

更新CODEPEN

HTTP.GET不起作用

1 个答案: