Question

我试着让离子滑动盒从某个指数开始。

slidebox-controller：

$ionicSlideBoxDelegate.slide(index);

slide-box-temp：

<ion-slide ng-repeat="pic in pictures"><div>...</div></ion-slide>

这不起作用。也许是因为还没有渲染幻灯片。

是否有其他方法可以在某个索引处启动幻灯片？

Answer 1

模板：

<ion-slide-box active-slide="myActiveSlide">

控制器：

$scope.myActiveSlide = index;

Answer 2

我尝试使用active-slide，但我可以更好地控制使用此指令，以了解何时呈现ng-repeat

angular.module('starter')
 .directive('repeatDone', function () {
   return function (scope, element, attrs) {
     if (scope.$last) { // all are rendered
       scope.$eval(attrs.repeatDone);
     }
   }
})

HTML：

<ion-slide-box>
  <ion-slide ng-repeat="day in week" repeat-done="repeatDone()" >

在您的控制器中

$scope.repeatDone = function() {
  $ionicSlideBoxDelegate.update();
  $ionicSlideBoxDelegate.slide($scope.week.length - 1, 1);
};

离子离子滑动盒更新/滑动与ng-repeat

2 个答案: