Les alertes

Les alertes sont un moyen efficace d’interagir avec l’utilisateur en utilisant des actions brèves. En JavaScript, la fonction alert() est utilisée pour afficher une information succincte à l’utilisateur.

Ionic propose un certain nombre de fonctionnalités pour adapter les alertes à une interface mobile.

1. Alertes simples

Les alertes simples servent à afficher des informations à l’utilisation. Les alertes ne sont pas prévues pour afficher une grande quantité d’informations. Elles sont utiles lorsqu’il s’agit de transmettre une information brève à l’utilisateur.

Pour créer une alerte, il faut la définir dans le composant. Il faut tout d’abord importer la classe AlertController avec le code suivant :


import { AlertController } from 'ionic-angular';
 

Il faut injecter cette classe dans le constructeur du composant (ou de la page) :


constructor(public alertCtrl: AlertController) {}
 

Il faut ensuite définir une méthode du composant qui va permettre d’afficher le message. Dans l’exemple suivant, l’alerte va afficher un message confirmant qu’une discussion a été supprimée. Le code suivant définit une méthode affichant une alerte :


afficherAlerte() { 
  let alerte = this.alertCtrl.create({ 
    title: 'Message enregistré', 
    subTitle: "Le message a correctement été...
Pour consulter la suite, découvrez le livre suivant :
couv_EPMETION.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Éléments graphiques
Suivant
La navigation