Я пытаюсь загрузить изображения из моего файла JSON в моем приложении, но я не могу заставить его работать:Ionic: Почему мои изображения не загружаются из моего json-файла?
Вот мой код:
ЯШ:
.controller('photoCtrl', function($scope, $ionicModal, $ionicBackdrop, $ionicScrollDelegate, $ionicSlideBoxDelegate, $http) {
$scope.images = [];
$scope.getImages = function() {
$http.get('https://api.myjson.com/bins/37ia6')
.success(function(data) {
$scope.images = data.images;
})
}
HTML:
<ion-view view-title="Gallery" align-title="center" ng-controller="photoCtrl" >
<ion-content ng-init="getImages()" class="center" class="has-header padding">
<!-- start Under6/7/8/9s Photos -->
<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.src}}" ng-click="showImages($index)" class="image-list-thumb" />
</ion-scroll>
</a>
</ion-content>
</ion-view>
я вижу загрузка первых 3 изображений. Возможно, стоит создать минимальный пример, в котором вы загружаете изображения из своего JSON-файла без каких-либо причудливых вещей. Возможно, в JSON есть что-то не так, но может быть, это не файл JSON, который создает проблемы, но и другую часть. –
О, opps, я добавил неправильный код! http://codepen.io/beefman/pen/QbBdVw – smither123
@ smither123 У вас есть опечатка: 'ng-src =" {{\t image.src}} "'. –