Question

我正在拨打AJAX电话，从网络服务中获取一系列新闻，并将其显示在我的移动应用中的ion-slidebox。

HTML

  <div  style="z-index:1000;margin-bottom:0px;position:absolute;width:100%" ng-if="!newsView"  ng-controller="PlaylistsCtrl" ng-init="getNews();">


                          <ion-slide-box show-pager="false" does-continue="true" auto-play="true"  style="width: inherit; height: 40px;" >

                                            <ion-slide ng-repeat="item in slides">


                                            <p class="news_titles" ng-click="news()" style="z-index:0; margin-top: -80px; height: 65px;" >{{item.subject}}</p>


                                            </ion-slide>


                          </ion-slide-box>


                </div>

的JavaScript

.controller('PlaylistsCtrl', ['$scope', '$ionicModal','ngProgress','$timeout','$interval', '$ionicSlideBoxDelegate','$state','$http','$rootScope','$ionicScrollDelegate',
                              function ($scope, $ionicModal, ngProgress,$timeout, $interval, $ionicSlideBoxDelegate, $state,$http,$rootScope,$ionicScrollDelegate) {







    $scope.index = 0;

    $scope.data = {};


                             // $scope.slides = []; -- 1
                            //  $scope.slides = [{subject:""},{subject:""}]; -- 2

                              $scope.getNews = function (){

                              $timeout(function() {

                              $scope.url =   $rootScope.rootScopeBaseUrl + $rootScope.rootScopeWebServiceUrls.NEWS_CSR;



                              $http.get($scope.url ,{ headers: {jauthtoken : $rootScope.rootScopeAuthenticationToken, jaccesstoken:$rootScope.rootScopeAccessToken}
                                        })
                              .success(function(data, status, headers, config){



                                       if(status==200){

                                       $scope.slides = data;
                                      $ionicSlideBoxDelegate.update();


                                       } else {

                                       }

                                       })
                              .error(function(data,status,headers,config){

                                     console.log(data);
                                     console.log(status);
                                     });

                              }, 50);


                              };

      ])

但是当使用$scope.slides = [];初始化数组时，幻灯片框会自动播放一个循环，然后停止而不会继续。

当使用$scope.slides = [{subject:""},{subject:""}]初始化数组时，将继续自动播放幻灯片框，但也会显示初始空白值，几乎就像从AJAX调用返回的数据数组附加到{{1 }}

我想要完成的是自动播放带有从$scope.slides通话中收到的内容的幻灯片框。

请帮忙。提前谢谢。

ajax调用后的离子滑板问题

0 个答案: