javascript - 使用 $index 更改 active-slide 后没有 ion-slide-box 更新

Question

这是我遇到问题的特定 View 的 Controller 。

.controller('MenuCtrl', ['$rootScope','$scope','$state','$timeout','$ionicSlideBoxDelegate',
function($rootScope, $scope, $state, $timeout, $ionicSlideBoxDelegate) {
    $scope.state = { detail: false, selected: 0 };
    $scope.stateSwitch = function() {
        $scope.state.detail = !$scope.state.detail;
        $timeout( function() { $ionicSlideBoxDelegate.update(); }, 50);
    }
    $scope.activateSlide = function($index) {
        $ionicSlideBoxDelegate.slide($index); 
    }

这是 View 。

<ion-view left-buttons="leftButtons">
        <ion-content class="has-header" has-tabs="true" ng-show="!state.detail">
        <div class="list menu-list">
            <a class="item" ng-repeat="item in items" ng-click="stateSwitch();activateSlide($index)">
                ...
            </a>
        </div>
    </ion-content>
    <ion-content class="has-header padding" has-tabs="true" ng-show="state.detail">
        <div class="menu-detail">
            <ion-slide-box does-continue="true" show-pager="false">
                <ion-slide ng-repeat="item in items">
                    ...
                </ion-slide>
            </ion-slide-box>
        </div>
    </ion-content>
</ion-view>

单击列表项后，它会触发 state.detail 标志，将 View 切换到菜单项详细信息页面。在菜单项详细信息页面中，我使用 ion-slide-box 以便用户也可以对项目进行分页。

当我不指定从哪个幻灯片索引开始时，这非常有用。即使我选择一个静态数字来启动 slider ，它也能工作。但是，当我使用菜单列表的 $index 作为参数来更改幻灯片框中的事件幻灯片时，幻灯片框只是将所有幻灯片粉碎在一起，并且它们没有滑动功能。

即使在我更新幻灯片框后也会发生这种情况。

我使用$index的方式有问题吗？或者这可能不是动态设置事件幻灯片的预期方法？任何建议将不胜感激!

Answer 1

在您的 Controller 上的函数 $scope.activateSlide 中使用索引上不带 $ 的内容

这里的代码对我有用:

在 html 上:

<h4 ng-repeat="type in view.menu.itens" ng-click="changeSlide($index)"></h4>

在我的 Controller 上

$scope.changeSlide = function funChangeSlide(index) {
    $ionicSlideBoxDelegate.slide(index);
  }