2017-11-20 1 views
0

Ich bin neu in ionischen Rahmen und ich bin nicht in der Lage, Hardware-Zurück-Klick-Funktionalität in Iframe zu verwalten. Ich benutze Iframe, um bestimmte URLs zu laden. Wenn ich auf die Hardware Zurück-Schaltfläche klicke, sollte ich in der Lage sein, zurück zur Browser-Verlaufsseite zu navigieren. Aber wenn ich auf die Hardware klicke, wird die App beendet.Browserverlauf in iframe verwalten onclick hardware zurück button ionic 2

`<iframe #iframe id="iframe" style="height: 100%;width: 100%;" src="your url"></iframe>` 
@ViewChild('iframe') iframe:ElementRef; 

constructor(public platform:Platform,public nav:Nav){ 

    platform.registerBackButtonAction(() => { 
    if(this.nav.canGoBack()){ 
     this.iframe.nativeElement.contentWindow.history().back(); 
    } 
    }); 
} 

Antwort

0

können Sie window.history.back() verwenden:

ionViewDidLoad() { 
    this.navBar.backButtonClick = (e: UIEvent) => { 
     window.history.back(); 
    } 
    this.initializeBackButtonCustomHandler(); 
    } 

    ionViewWillLeave() { 
    // Unregister the custom back button action for this page 
    this.unregisterBackButtonAction && this.unregisterBackButtonAction(); 
    } 

    initializeBackButtonCustomHandler(): void { 
    this.unregisterBackButtonAction = this.platform.registerBackButtonAction(function(event){ 
     window.history.back(); 

    }, 101); // Priority 101 will override back button handling (we set in app.component.ts) as it is bigger then priority 100 configured in app.component.ts file */ 
    } 

Mehr Informationen zu dieser Methode here gefunden werden kann.

Verwandte Themen