我有一些麻烦试图根据$ stateParams
中收到的参数过滤或获取json文件中的数据 控制器:
.controller('fieldImages', function($scope, $stateParams, $http, $ionicSlideBoxDelegate){
//Get Field images
$scope.field_images = [];
//Get Field id
$scope.fieldId = $stateParams.Id_soccer_field;
$http.get('http://demo.htgsolutions.com/icancha/soccer_field_images.json').
success(function(data) {
$scope.field_images = data[$scope.fieldId];
$ionicSlideBoxDelegate.$getByHandle('image-viewer').update();
}).
error(function(data) {
// log error
console.log("Error"+ data);
});
})
当我在控制台上检查时,我看到对象已正确加载:
{ Id_soccer_field_image: "3", Id_soccer_field: "2", image_path: "http://demo.htgsolutions.com/icanch…", image_name: "Imagen cancha test" }
{ Id_soccer_field_image: "2", Id_soccer_field: "1", image_path: "http://demo.htgsolutions.com/icanch…", image_name: "Imagen cancha test" }
但是当在img-src上将数据绑定为ng-repeat时没有在滑块上加载图像...
查看:
<ion-slide-box pager-click="navSlide(index)" delegate-handle="image-viewer" show-pager='true' does-continue="true" on-slide-changed="slideHasChanged($index)">
<ion-slide ng-repeat="images in field_images">
<img ng-src="{{images.image_path}}" />
</ion-slide>
</ion-slide-box>
感谢您的帮助!