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.update();

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

注意缺少getbyhandle（）;

Answer 2

我在加载数据后使用委托句柄来更新幻灯片框。它奏效了。

＆＃13;

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

＆＃13;

where＆＃34; placmentStepSlideBox＆＃34;是委托句柄名称。

离子滑块最初不显示内容

2 个答案: