Javascript 模式视图解除后,Ionic幻灯片框不显示
我有两个垂直排列的爱奥尼亚幻灯片盒。在第二个幻灯片框中,我有几个按钮。当我单击这些按钮时,我显示的是一个模态视图,在模态视图中单击另一个按钮时,我将取消模态视图 问题:关闭模式视图后,第二个爱奥尼亚幻灯片框不显示。仅显示第一个幻灯片框 这是我的html:Javascript 模式视图解除后,Ionic幻灯片框不显示,javascript,android,html,ionic-framework,ion-slide-box,Javascript,Android,Html,Ionic Framework,Ion Slide Box,我有两个垂直排列的爱奥尼亚幻灯片盒。在第二个幻灯片框中,我有几个按钮。当我单击这些按钮时,我显示的是一个模态视图,在模态视图中单击另一个按钮时,我将取消模态视图 问题:关闭模式视图后,第二个爱奥尼亚幻灯片框不显示。仅显示第一个幻灯片框 这是我的html: <ion-view view-title='Home'> <ion-content> <div> <ion-slide-box class="twitter" s
<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>
以及显示模态视图的代码:
$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个幻灯片框显示为正常:
模式视图解除后,仅显示第一个幻灯片框:
@t如果可能的话,你能提供一个密码笔吗?是的,我会试着发布它!!
$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'
});