获取json数据并按参数过滤,然后将其传递给ion-slide-box(离子滑块)

时间:2015-04-08 17:20:38

标签: json angularjs ionic-framework ionic

我有一些麻烦试图根据$ 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>

感谢您的帮助!

0 个答案:

没有答案