0

我有两个垂直对齐的离子幻灯片盒。在第二个滑动框中,我有几个按钮。当我单击这些按钮时,我将呈现一个模态视图,并且在单击模态呈现视图中的另一个按钮时我将关闭模态视图。

问题:关闭模态视图后,第二个离子幻灯片框未显示。仅显示第一个幻灯片框。

这是我的html:

<ion-view view-title='Home'>
    <ion-content>
        <div>
        <ion-slide-box class="twitter" show-pager="false">
            <ion-slide>
                <div class="div_twitter">
                    <img class="twitterImg" src="img/ben.png" width="50" height="50" />
                </div>
            </ion-slide>
            <ion-slide>
                <div class="div_twitter">
                        <img src="img/ben.png" width="50" height="50"  />
                </div>
            </ion-slide>
        </ion-slide-box>
        </div>
        <div>
        <ion-slide-box class="belowTwitter"  show-pager="false">
            <ion-slide>
            <div>
                <div id="logoDisplay">
                    <img src="" />
                </div>
                <p id="infoText" style="text-align: center">Welcome to Test App,</p>
             </div>
            </ion-slide>

            <ion-slide>
                <p id="infoText" style="text-align: center">See our help area for more information</p>

                <div align="center">
                    <button class="button button-positive" ng-click="showHelp()">
                        View Help
                    </button>

                </div>
            </ion-slide>
            <ion-slide>
                <div align="center">
                    <button class="button button-positive" ng-click="showapp()">Get Started</button>
                </div>
                </div>
            </ion-slide>

        </ion-slide-box>
        </div>
     </ion-content>
</ion-view>

CSS

/*slide box*/
.twitter {
 margin-top:-40px;
 overflow: visible;
 display: table; /* makes the slider have a height */
}

以及呈现模态视图的代码:

      $scope.showHelp=function(){
      $ionicModal.fromTemplateUrl('help.html', function($ionicModal) {
           $scope.modal = $ionicModal;
           $scope.modal.show();
       }, {
       // Use our scope for the scope of the modal to keep it simple
           scope: $scope,
           animation: 'slide-in-up'
       });

在模态视图出现之前,2 个滑动框正常显示:

在此处输入图像描述

模态视图关闭后,只显示第一个滑动框:

在此处输入图像描述

4

0 回答 0