0

イオン ビュー内に次のモーダルがあります。

<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中で私は試しました:

  1. 親ビューのAndroidの戻るボタンを無効にする
  2. ただし、他のすべてのビューでは、通常の戻るボタンとして機能します。

コード:

.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の戻るボタンのオーバーライドが機能しなくなったことです。

4

1 に答える 1