Proposer des actions à l’utilisateur

Parfois, il est nécessaire de proposer à l’utilisateur de choisir une action à effectuer. Pour cela, Ionic propose une fonctionnalité appelée actionsheets. Par exemple, il est possible d’imaginer qu’un bouton propose à l’utilisateur de partager un article en fonction du média utilisé. Le code suivant permet de créer ce bouton dans un template :


<button ion-button (click)="choixPartage()"> 
  Partager 
</button> 
 

Ensuite, pour proposer l’actionsheet, il est nécessaire d’importer la classe ActionSheetController dans le composant en utilisant la ligne suivante :


import { ActionSheetController } from 'ionic-angular';
 

Il faut ensuite injecter la classe dans le constructeur en utilisant le code suivant :


constructor(public actionSheetCtrl: ActionSheetController) {}
 

Il faut ensuite créer la méthode qui proposera les choix à l’utilisateur :


choixPartage() { 
  let actionSheet = this.actionSheetCtrl.create({ 
    title: "Partager cet article", 
    buttons: [ 
      { 
        text: "Par mail", 
        handler: () => { 
          console.log("Partage par mail") 
        } 
      }, 
      { 
      ...
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
Les filtres (pipes)
Suivant
Les providers