Javascript 爱奥尼亚：为什么我的HTTP.GET没有加载我的图像？

我正试图将json文件中的图像加载到我的ionic应用程序中，以创建一个图库，但它不起作用。我试图遵循此指南，但改用HTTP.GET请求

HTML:

---

因为您没有将图像放在对象$scope.data.images上。您正在将它们放到$scope.images上。在html中删除data.images，并改用图像。此外，您还需要删除索引内容

<div class="row" ng-repeat="image in images">
    <div class="col col-25">
        <img ng-src="{{image.src}}" width="100%" />
    </div>
</div>

---

在html中，绑定是错误的

这：

应该是这样的：

<img ng-src="{{images[$index].src}}" width="100%" />

---

data.images不在作用域上，它是.success方法的本地变量。

您的作用域变量不正确

ng src属性应绑定到以下内容：

{{images[$index].src}}

Ah

这是因为您传递到get请求的链接

链接：-用于网站，而不是直接的json数据

get请求的正确json url：

代码应该如下所示：

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

---

在您的代码笔中进行了测试，可以正常工作。

您在控制台中看到任何错误消息吗？我尝试过，但没有成功：/。下面是我设置的一个代码笔：如果您试图将过滤器限制为仅显示4个元素，请使用。通常也使用过滤器来选择要在ng repeat中显示的图像。我希望这有帮助。老实说，我不知道你想做什么。我试过了，但没有成功：/。这是我设置的一个密码笔：我试过了，但没用：/。这里有一个我已经设置好的代码笔：它在代码笔中不起作用-获取以下控制台消息：XMLHttpRequest无法加载。请求的资源上不存在“Access Control Allow Origin”标头。所以原产地是不允许进入的。啊，谢谢。知道它没有正确加载第四个图像吗？是的，因为json；中没有第四个映像；。现在修好了。缺少a}

 <img ng-src="{{data.images[$index].src}}" width="100%" />

<img ng-src="{{images[$index].src}}" width="100%" />

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