2017-07-28 2 views
1

In einem Ionic 2-Projekt muss der Benutzer nach einer bestimmten Leerlaufzeitüberschreitung abgemeldet werden. Dabei habe ich festgestellt, dass ich das Datetime-Popup nicht schließen kann, bevor ich das Logout-Ereignis aufruft und auf die Anmeldeseite umschalte. Ich muss dieses Popup schließen, bevor ich auf die Anmeldeseite weiterleite. Unten ist der Code Probe I eine Arbeits aufSo schließen Sie Ionic2 Datetime-Popup, ohne auf die Schaltfläche Abbrechen zu klicken

<ion-datetime (ionCancel)="onCancelDateTime()" [(ngModel)]="dateTime"> 

</ion-datetime> 

Die (ionCancel) Ereignis ausgelöst wird, wenn in der Nähe des Popup.

Gibt es eine Möglichkeit, die Auslösung dieses Ereignisses programmgesteuert aufzurufen?

Oder gibt es eine andere Möglichkeit, dieses Datetime Popup zu schließen?

Antwort

2

Derzeit gibt es keine offiziell dokumentierte Ionic 3-Methode zum programmgesteuerten Schließen der Datetime-Auswahl.

Allerdings können wir Javascript 'dispatchEvent' Methode verwenden, um einen Klick auf die Schaltfläche 'Abbrechen' des Datetime-Picker auszulösen.

Hier ist, wie es zu tun:

// Get the reference to the clear button of Datetime picker. 
var pickerClearButton = document.getElementsByClassName("picker-button")[0]; 

// Create a click event to be triggered 
var clickEvent = new MouseEvent("click", { 
    "view": window, 
    "bubbles": true, 
    "cancelable": false 
}); 

// Trigger the event 
pickerClearButton.dispatchEvent(clickEvent); 

Ich glaube, das die Arbeit machen wird !!

+1

das funktionierte für mich. Vielen Dank. –

+0

Funktioniert es auch, wenn die App auf iOS ausgeführt wird? Manchmal ist es schwierig, Ereignisse auf ios zu versenden ... – sebaferreras

Verwandte Themen