Ionic 4 - 硬件后退按鈕禁用，然后將后退按鈕啟用為默認值

Question

我想在某些情況下禁用硬件后退按鈕，之后我希望后退按鈕作為默認值。

Answer 1

參考我對這個問題的回答

我找到了避免返回按鈕設備的更好方法，並在您想要的任何頁面上禁用返回

只需制作 service.ts

import { Router, NavigationEnd } from '@angular/router';

@Injectable({
  providedIn: 'root'
})
export class DisableBackService {
  // page disable back button
  private blackLists: string[] = ['/tab/wall', '/event-list', '/tutorial', '/offline-message'];

  constructor(private router: Router) {
    // call every have change page
    this.router.events.subscribe((ev) => {
      if (ev instanceof NavigationEnd) {
        const blackList = this.blackLists.find(el => ev.url.includes(el));
        if (blackList) {
          this.disableBack();
        } else {
          this.enableBack();
        }
      }
    });
  }

  private logger() {
    console.log('disable back button');
  }

  disableBack() {
    document.addEventListener('backbutton', this.logger, false);
  }

  enableBack() {
    document.removeEventListener('backbutton', this.logger, false);
  }
}

Answer 2

您需要訂閱此活動

    ionViewDidEnter() {
        document.addEventListener("backbutton",function(e) {
          if(some condition)
         //work
            else
        //do nothing

        }, false);
    }