Javascript 模态(离子)中的选项卡转换
我需要打开一个模式,它显示一个页面,该页面使用Javascript 模态(离子)中的选项卡转换,javascript,html,ionic-framework,modal-dialog,Javascript,Html,Ionic Framework,Modal Dialog,我需要打开一个模式,它显示一个页面,该页面使用选项卡样式在页面之间进行转换 我无法在模式内的链接之间浏览(不关闭模式)。我想在模式中的选项卡之间创建一个类似选项卡的过渡 对于关闭模式的链接,我使用closeModal()。它可以在我的浏览器上工作,但在设备上,它必须使用Ionic的本机ahref行为,这会影响closeModal() 我的HTML: <ion-modal-view> <ion-view name="stores"><ion-pane ng-contr
选项卡
样式在页面之间进行转换
我无法在模式内的链接之间浏览(不关闭模式)。我想在模式中的选项卡之间创建一个类似选项卡的过渡
对于关闭模式的链接,我使用closeModal()
。它可以在我的浏览器上工作,但在设备上,它必须使用Ionic的本机ahref
行为,这会影响closeModal()
我的HTML:
<ion-modal-view>
<ion-view name="stores"><ion-pane ng-controller="storesCtrl">
<ion-content class="has-header">
...
</ion-content>
<div class="faketab">
<table>
<tr>
<td><a href="stores">STORE DIRECTORY</a></td>
<td><a href="stylsts">STYLIST</a></td>
</tr>
</table>
</div>
</ion-view>
</ion-modal-view>
...
您应该使用转换到新状态
<a ng-click="goToStore(stores[i].id)">
$scope.goToStore= function(storeId)
{
$scope.modal.hide();
$state.go('tab.storeshop',{id:}
};
$scope.goToStore=函数(存储ID)
{
$scope.modal.hide();
$state.go('tab.storeshop',{id:}
};
<ion-modal-view>
<ion-view name="stores"><ion-pane ng-controller="storesCtrl">
<ion-content class="has-header">
...
</ion-content>
<div class="faketab">
<table>
<tr>
<td><a href="stores">STORE DIRECTORY</a></td>
<td><a href="stylsts">STYLIST</a></td>
</tr>
</table>
</div>
</ion-view>
</ion-modal-view>
<a ng-click="goToStore(stores[i].id)">
$scope.goToStore= function(storeId)
{
$scope.modal.hide();
$state.go('tab.storeshop',{id:}
};