Los usuarios que han utilizado el botón bloquear copia no son ajenos al Snackbar, que informa al usuario de los resultados de la ejecución de la aplicación. Este artículo dará un ejemplo de cómo utilizar Snackbar para satisfacer la necesidad de interacción personalizada del usuario.
##API
| Función | Descripción |
|---|---|
show(body: String, duration: number = 2000) | body: el cuerpo del mensaje, duration: la duración del mensaje, en milisegundos. |
Exportar
Gracias a assets/main/js/custom.ts, podemos personalizar el JavaScript, aquí exportamos todo el Snackbar como una variable global:
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
Uso
Luego podemos llamarlo en HTML o JavaScript:
1<button onclick="Snackbar.show('message from a button')">Snackbar</button>
Consulte Manos para saber cómo inyectar HTML personalizado.
Comentarios