离子滑块最初不显示内容

Question

当我使用嵌入在模板中的 $state.go() 滑块单击按钮加载模板时，未显示其内容。

当我旋转我的设备时，它开始显示幻灯片。请建议我在此模板代码片段中缺少的内容。

    <ion-slide-box on-slide-changed="" show-pager="true">
        <ion-slide ng-repeat="placementStep in placementSteps">
          <div class="list card"> 

              <div class="item-divider">
              <div class="row">
                  <div class="col">
                    <h1 class="title">{{placementStep.stepName}}</h1>  
                  </div>
                  <div class="col">
                  <button class="button icon ion-chevron-right button-positive button-small right"  ng-if="$index!=placementSteps.length-1&& placementStep.studentsForStep.length!=0" ng-click="moveStudents(placementStep,placementSteps,0)"></button>

                    <button class="button icon ion-chevron-left button-positive button-small  right"  ng-if="$index!=0 && placementStep.studentsForStep.length!=0" ng-click="moveStudents(placementStep,placementSteps,1)"></button> 

                  </div>

                </div>
              </div>
              <ion-list show-reorder="data.showReorder" can-swipe="false" ng-class="has-header">

                <ion-item ng-repeat="student in placementStep.studentsForStep">
                <div class="row">
                  <div class="left checkbox">
                      <input type="checkbox" ng-checked="student.checked==true" ng-model="student.checked">

                  </div>
                  <div class="col vertical-center">
                   {{student.first_name}} 
                  </div>

                </div> 

            </ion-item>
            </ion-list>  
         </div>
        </ion-slide>
    </ion-slide-box>
</ion-content>

Answer 1

我使用委托句柄在加载数据后更新滑动框。成功了。

$ionicSlideBoxDelegate.$getByHandle('placementStepSlideBox').update();

其中 "placmentStepSlideBox" 是委托句柄名称。

Answer 2

调用这个函数，

$ionicSlideBoxDelegate.update();

加载图像文件后立即加载或直接在该视图的控制器定义中加载。

注意缺少 getbyhandle()；

离子滑块最初不显示内容

Ionic slider not showing content initially

templates

slider

angularjs

angular-ui

ionic-framework