Benutzer, die die Blockkopie-Schaltfläche verwendet haben, sind kein Unbekannter in der Snackbar, die den Benutzer über die Ergebnisse der Anwendungsausführung informiert. In diesem Artikel wird ein Beispiel dafür gegeben, wie Snackbar verwendet werden kann, um den Bedarf des Benutzers an benutzerdefinierter Interaktion zu erfüllen.
API
| Funktion | Beschreibung |
|---|---|
show(body: String, duration: number = 2000) | body: der Nachrichtentext, duration: die Dauer der Nachricht in Millisekunden. |
Exportieren
Dank assets/main/js/custom.ts können wir das JavaScript anpassen, hier exportieren wir die gesamte Snackbar als globale Variable:
1import Snackbar from 'js/snackbar';
2
3// Show a message via JavaScript.
4Snackbar.show('a message with 3s duration from pure JavaScript', 3000)
5
6// Export the Snackbar as a global variable, so that you can send a message from a HTML.
7// Such as: <button onclick="Snackbar.show('message from a button')">Snackbar</button>.
8const _global = (window || global ) as any
9_global.Snackbar = Snackbar
Nutzung
Dann können wir es in HTML oder JavaScript aufrufen:
1<button onclick="Snackbar.show('message from a button')">Snackbar</button>
Siehe Haken für Informationen zum Einfügen von benutzerdefiniertem HTML.
Kommentare