带有 ng-repeat 的离子幻灯片导致问题（幻灯片框）

Question

在 ion-slide-box ionic

我第一次尝试使用 ng-repeats 填充幻灯片框时，当页面加载时，尝试在 chrome（桌面）上调试并打开检查器时，幻灯片框寻呼机不显示, 幻灯片框会自动修复。

有没有办法在页面加载后强制重新加载滑动框？

HTML代码

<ion-slide ion-slide-tab-label="Work Order Progress" class="form-bg">
    <ion-scroll direction="y">
        <div ng-if="pieMenuList.length > 0">
            <div ui-sref="{{wopc.state}}({filter:'{{wopc.params}}'})" class="chart-color" ng-repeat="wopc in pieMenuList">
                <div class="arrow_box" style="color: {{wopc.color}};background-color:currentColor">
                    <span style="color:#fff;">{{wopc.name}}</span>
                    <span ng-bind="wopc.count" class="wo-count" style="background-color:{{wopc.color}};"></span>
                </div>
            </div>
        </div>
    </ion-scroll>
</ion-slide>

Answer 1

对于仍在寻找此问题解决方案的任何人

在你的控制器中注入 ionSlideBoxDelegate

.controller('MyCtrl', function($scope, $ionSlideBoxDelegate) {
    //after populating your data in slide just call
    $ionicSlideBoxDelegate.update();

}

带有 ng-repeat 的离子幻灯片导致问题（幻灯片框）

ionic slides with ng-repeat causing issues (slide-box)

slide

angularjs

ionic-framework

ionic-view