Les utilisateurs ayant utilisé le bouton de copie en bloc ne sont pas étrangers au Snackbar, qui informe l’utilisateur des résultats de l’exécution de l’application. Cet article donnera un exemple de la façon d’utiliser Snackbar pour répondre au besoin d’interaction personnalisée de l’utilisateur.
##API
| Fonction | Descriptif |
|---|---|
show(body: String, duration: number = 2000) | body : le corps du message, duration : la durée du message, en millisecondes. |
Exporter
Grâce à assets/main/js/custom.ts, on peut personnaliser le JavaScript, ici on exporte l’intégralité du Snackbar en variable globale :
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
Utilisation
Ensuite, nous pouvons l’appeler en HTML ou JavaScript :
1<button onclick="Snackbar.show('message from a button')">Snackbar</button>
Voir Crochets pour savoir comment injecter du HTML personnalisé.
