Angularjs 在ionic上的ion幻灯片中调用设置web服务

我开发了ion slide并调用web服务，现在我必须在ion slide中完成第一个web服务并调用第二个web服务时调用另一个web服务

.controller('LandingCtrl', function ($scope, $state,ItemService,$http, $ionicPopup,$ionicSlideBoxDelegate,$ionicLoading,$filter) {
      $http.get("http://rss.xyz.com/calen/detail_page.asp?month=1&year=2016")
      .success(function(response) {
                   $scope.names = response.Date;
                   console.log(JSON.stringify( response));
                   setTimeout(function() {
                   $scope.date = $filter("date")(Date.now(), 'dd');
                   console.log($scope.date)
                   $ionicSlideBoxDelegate.slide($scope.date-1);
                   $ionicSlideBoxDelegate.update();
                   $scope.$apply();
                     });
                    $ionicLoading.hide();
                              })
                      };

上面的代码是第一个web服务，当ion slide使用第一个web服务完成时，它将使用相同的ion slide调用第二个web服务

第二个web服务是 “

$scope.date=[]；
$http.get（'http://rss.xyz.com/calen/detail_page.asp?month=1&year=2016）。成功（功能（响应）{
$scope.dates=响应；
$ionicLoading.hide（）；
$scope.loadMore=函数（）{
对于（变量i=0；i<10；i++）{
$scope.date.push（）；
}
};
$scope.date（）；
});
//$scope.feeds_categories=JSON.parse（localStorage.getItem（'RecentList'））；
$ionicModal.fromTemplateUrl（'image-modal.html'{
范围：$scope，
动画：“向上滑动”
}).then（功能（模态）{
$scope.modal=modal；
$scope.feeds_categories=JSON.parse（localStorage.getItem（'RecentList'））；
});
$scope.openModal=函数（索引）{
//警报（索引）；
$scope.modal.show（）；
$ionicSlideBoxDelegate.slide（索引）；
};
$scope.closeModal=函数（）{
$scope.modal.hide（）；
};
$scope.slideChanged=函数（索引）{
$scope.slideIndex=索引；
};
//如果需要手动控制幻灯片，请调用此函数
$scope.next=函数（）{
$ionicSlideBoxDelegate.next（）；
};
$scope.previous=函数（）{
$ionicSlideBoxDelegate.previous（）；
};
$scope.$on（“$destroy”，函数（）{
$scope.modal.remove（）；
$ionicSlideBoxDelegate.enableSlide（true）；
$ionicSlideBoxDelegate.update（）；
});
//对隐藏模式执行操作
$scope.$on（'modal.hidden'，function（）{
//执行操作
$ionicSlideBoxDelegate.enableSlide（true）；
$ionicSlideBoxDelegate.update（）；
});
//对移除模式执行操作
$scope.$on（'modal.removed'，function（）{
//执行操作
$ionicSlideBoxDelegate.enableSlide（true）；
$ionicSlideBoxDelegate.update（）；
});
$scope.zoomMin=1；
$scope.updateSlideStatus=函数（幻灯片）{
var zoomFactor=$ionicScrollDelegate.$getByHandle（'scrollHandle'+幻灯片）.getScrollPosition（）.zoom；
if（zoomFactor==$scope.zoomMin）{
$timeout（函数（）{
$ionicSlideBoxDelegate.enableSlide（true）；
});
}否则{
$timeout（函数（）{
$ionicSlideBoxDelegate.enableSlide（false）；
});
}
};

HTML

---

如何在爱奥尼亚上显示月历。我已经尝试过了，但它不起作用。我不知道这张幻灯片使用的是图像。我要求的不是图像，就像月历一样用于用户交互
$scope.date = [];

$http.get('http://rss.xyz.com/calen/detail_page.asp?month=1&year=2016').success(function(response) {
    $scope.dates = response;
    $ionicLoading.hide();
 $scope.loadMore = function() {
    for (var i = 0; i < 10; i++) {
        $scope.date.push();
    }
};
$scope.date();  


});

//  $scope.feeds_categories = JSON.parse(localStorage.getItem('RecentList'));


$ionicModal.fromTemplateUrl('image-modal.html', {
  scope: $scope,
  animation: 'slide-in-up'
}).then(function(modal) {
  $scope.modal = modal;
$scope.feeds_categories = JSON.parse(localStorage.getItem('RecentList'));
});

$scope.openModal = function(index) {
//alert(index);
  $scope.modal.show();
  $ionicSlideBoxDelegate.slide(index);
};

$scope.closeModal = function() {
  $scope.modal.hide();
};

$scope.slideChanged = function(index) {
  $scope.slideIndex = index;
};

// Call this functions if you need to manually control the slides
$scope.next = function() {
  $ionicSlideBoxDelegate.next();
};

$scope.previous = function() {
  $ionicSlideBoxDelegate.previous();
};

$scope.$on('$destroy', function() {
      $scope.modal.remove();
      $ionicSlideBoxDelegate.enableSlide(true);
      $ionicSlideBoxDelegate.update();
    });
    // Execute action on hide modal
    $scope.$on('modal.hidden', function() {
      // Execute action
        $ionicSlideBoxDelegate.enableSlide(true);
        $ionicSlideBoxDelegate.update();
    });
    // Execute action on remove modal
    $scope.$on('modal.removed', function() {
      // Execute action
        $ionicSlideBoxDelegate.enableSlide(true);
        $ionicSlideBoxDelegate.update();
    });

      $scope.zoomMin = 1;
      $scope.updateSlideStatus = function(slide) {
       var zoomFactor = $ionicScrollDelegate.$getByHandle('scrollHandle' + slide).getScrollPosition().zoom;
       if (zoomFactor == $scope.zoomMin) {
           $timeout(function(){
                $ionicSlideBoxDelegate.enableSlide(true);
              });
       } else {
           $timeout(function(){
                $ionicSlideBoxDelegate.enableSlide(false);
            });
       }
     };

 <ion-view">
 <ion-nav-buttons side="left">
  <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
 </ion-nav-buttons>
 <ion-nav-title>
 <span>title</span>
 </ion-nav-title>
 <ion-content>
 <div class="row categories-list">
 <div ng-repeat="dates in date" class="col col-50" when-scrolled="loadMore()">
    <div class="feed-category" ng-click="openModal($index)">
      <pre-img ratio="_1_1" helper-class="square-image">
        <img class="category-image" ng-src="{{dates.image}}" spinner-on-load>
      </pre-img>
    </div>
  </div>
</div>
</ion-content>

<script id="image-modal.html" type="text/ng-template">
    <div class="modal image-modal transparent"
         ng-click="closeModal()">

        <ion-slide-box active-slide="activeSlide">
            <ion-slide ng-repeat="oImage in feeds_categories">
                <ion-scroll direction="xy" locking="false" scrollbar-x="false" scrollbar-y="false" class="scrollCanvas"
                            zooming="true" min-zoom="{{zoomMin}}" style="width: 100%; height: 100%;" delegate-handle="scrollHandle{{$index}}">
                    <img ng-src="{{oImage.image}}" width="100%" class="image"/>
                </ion-scroll>
            </ion-slide>
        </ion-slide-box>
    </div>
</script>