イオン ビュー内に次のモーダルがあります。
<ion-view id="doctors" cache-view="false" view-title="Directorio médico" ng-controller="DoctorsDirController as doctorsCtrl">
<ion-content>
<!-- stuff inside here -->
</ion-content>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
When this modal is open disable android back button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<script id="result-details.html" type="text/ng-template">
<ion-modal-view id="result-details-modal">
<ion-content>
</ion-content>
</ion-modal-view>
</script>
</ion-view>
config
これは、 app.js内の親ビュー (医師) の状態です。
.config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
.state('doctors', {
url: '/doctors',
templateUrl: "templates/doctors.html"
})
だから app.js のrun
中で私は試しました:
- 親ビューのAndroidの戻るボタンを無効にする
- ただし、他のすべてのビューでは、通常の戻るボタンとして機能します。
コード:
.run(function ($ionicPlatform, $state) {$ionicPlatform.ready(function () {
$ionicPlatform.registerBackButtonAction(function () {
//if we are in doctors do nothing
if ($state.current.url == "/doctors") {
//do nothing
//else if we are in dashboard exit app
} else if ($state.current.name == "dashboard") {
ionic.Platform.exitApp();
//else normal back-button functionality
} else {
navigator.app.backHistory();
}
}, 100);
})
問題は、「doctors」内でモーダルが呼び出されると、親の「doctors」とは異なる状態のように見え、Androidの戻るボタンのオーバーライドが機能しなくなったことです。