Deaktivieren Zurück-Taste in Angular4 Cordova

Question

Ich benutze Angular 4 auf Cordova, also muss ich Telefon zurück Knopf in Android deaktivieren. Kann jemand teilen Wie man es deaktiviert?

Answer 1

Ein einfacher Ansatz hierfür wäre, einen ersten Dummy-Verlaufseintrag zu pushen und dann das onpopstate-Ereignis des Fensters zu überschreiben, um den Dummy-Eintrag immer wieder zu drücken. Auf diese Weise wird Ihre App im Grunde nichts tun, wenn der Benutzer die Zurück-Taste drückt.

// If using TypeScript: 
declare var window:any;  

// In your App Boot function (for example app.component constructor): 
window.history.pushState("BackLock", null, ""); 

window.onpopstate = (evt) => { 
    // evt.preventDefault(); might work as an alternative 
    window.history.pushState("BackLock", null, ""); 
    return; 
} 

Answer 2

Sie können die Schaltfläche Ereignis erstellen, und nichts tun, so wird es nicht rückwärts gehen:

declare var device; 
... 
document.addEventListener("deviceready", onDeviceReady, false); 
function onDeviceReady() { 
    console.log(device); 
    if(device.platform == 'android' || device.platform == 'Android'){ 
    document.addEventListener("backbutton", onBackKeyDown, false); 
    } 

    function onBackKeyDown(){ 
    console.log("Does nothing"); 
    } 
} 

Pd: Sie müssen das Plugin cordova-plugin-Gerät

installiert haben