angular – Ionic 2 – 如何处理backButton

2023年8月2日 261次阅读

我想在Ionic2中添加一个原生的backButton事件处理程序.问题是Ionic2文档说使用Platform实例的registerBackButtonAction方法,但是没有这样的方法.

而不是registerBackButtonAction,有backButton属性,它是EventEmitter类型(但它不起作用,或者我不知道如何订阅).

有任何想法吗？
马尔钦

最佳答案 你可以使用angular2 routerOnActivate .. location .back()来处理

     <button danger (click)="navigateBack()">Danger</button>

你的ts文件包含

    // Import    
    import {ComponentInstruction} from '@angular/router-deprecated';

    // Class
    export class ViewImagePge {
    public prev: ComponentInstruction;
    } 

    public routerOnActivate(next: ComponentInstruction, prev: ComponentInstruction): void {
      this.prev = prevInstruction;
    }

    // navigateBack() Function

    public navigateBack(): void {
    if(this.prev && this.prev.routeName === 'Foo') {
          this.location.back();
        } else {

          // can keep default path

          this.router.navigate(['/Foo']);
        }
    }
点赞