Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
关闭ionic2日期时间弹出窗口,同时按下后退按钮?_Ionic2 - Fatal编程技术网

关闭ionic2日期时间弹出窗口,同时按下后退按钮?

关闭ionic2日期时间弹出窗口,同时按下后退按钮?,ionic2,Ionic2,我使用的是ionic2 ion datetime,当我回到我的应用程序中时,仍然会显示日期选择器弹出窗口,尽管在后面的页面中没有ion数据时间标签。请帮助我按“后退”按钮移除此弹出按钮 .html文件 <ion-datetime id="dateofbirth" class="date" displayFormat="DD MMMM YYYY" [max]="maxDate" [min]="minDate"> 在.ts文件中使用下面的代码,在该文件中您的组件带有ion日期选择器 i

我使用的是ionic2 ion datetime,当我回到我的应用程序中时,仍然会显示日期选择器弹出窗口,尽管在后面的页面中没有ion数据时间标签。请帮助我按“后退”按钮移除此弹出按钮

.html文件

<ion-datetime id="dateofbirth" class="date" displayFormat="DD MMMM YYYY" [max]="maxDate" [min]="minDate">

在.ts文件中使用下面的代码,在该文件中您的组件带有ion日期选择器

ionViewWillLeave(){
        let backDrop: any = document.getElementsByTagName('ion-picker-cmp');
        if(backDrop.length > 0){
            for(let i = 0; i< backDrop.length; i++){
                backDrop[i].style.display = 'none';
            }
        }
      }
ionViewWillLeave(){
let background:any=document.getElementsByTagName('ion-picker-cmp');
如果(background.length>0){
for(设i=0;i
按以下方式修改你的app.component.ts文件

  import { Platform, IonicApp } from 'ionic-angular';

  constructor(public platform: Platform, private ionicApp: IonicApp){}

  initializeApp() {
    this.platform.ready().then(() => {
      //back button handle
      this.platform.registerBackButtonAction(() => {
        let activePortal = this.ionicApp._loadingPortal.getActive() ||
          this.ionicApp._modalPortal.getActive() ||
          this.ionicApp._toastPortal.getActive() ||
          this.ionicApp._overlayPortal.getActive();

        if (activePortal) {
          activePortal.dismiss();
        }
      });
    });
  }

伟大的欢迎@AniAny为爱奥尼亚-4提供解决方案?
  import { Platform, IonicApp } from 'ionic-angular';

  constructor(public platform: Platform, private ionicApp: IonicApp){}

  initializeApp() {
    this.platform.ready().then(() => {
      //back button handle
      this.platform.registerBackButtonAction(() => {
        let activePortal = this.ionicApp._loadingPortal.getActive() ||
          this.ionicApp._modalPortal.getActive() ||
          this.ionicApp._toastPortal.getActive() ||
          this.ionicApp._overlayPortal.getActive();

        if (activePortal) {
          activePortal.dismiss();
        }
      });
    });
  }