Я пытаюсь загрузить изображение из 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;
})
}
});
Добавьте свой контроллер photoCtrl
в свой вид
Я видел ng-repeat="data in data"
, здесь элемент и коллекция имеют одно и то же имя, что не является хорошей практикой....
Если я переписываю это как ng-repeat="img in data"
тогда ваш ng-src будет подобен
ng-src="{{img}}"
обновленный CODEPEN