Question

我需要打开一个模态，它会显示一个页面，该页面使用tab样式在页面之间进行过渡。

我无法浏览模态中的链接（不关闭模态）。我想在模态中的选项卡之间创建一个类似于标签的过渡。

对于关闭模态的链接，我使用closeModal()。它适用于我的浏览器，但在设备上，它必须使用Ionic的原生href行为，这会超越closeModal（）：

<a href="#/storeshop/{{stores[i].id}}" ng-click="closeModal()">

这里

$ionicModal.fromTemplateUrl('app/components/stores/stores.html', {
    scope: $scope,
    animation: 'slide-in-up'
}).then(function(modal) {
    $scope.modal = modal;
});

$scope.refineevent = function() {
    $scope.modal.show();
};

$scope.closeModal = function() {
    $scope.modal.hide();
};    

$scope.$on('modal.shown', function() {
    console.log('Modal is shown!');
});

我的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>

Answer 1

您应该使用$state转换到新状态。

<a ng-click="goToStore(stores[i].id)">



    $scope.goToStore= function(storeId) 
    {
       $scope.modal.hide();
       $state.go('tab.storeshop',{id:}
    };

Modal（Ionic）中的标签转换

1 个答案: