Manipuler l’agenda

Dans certaines applications, il est nécessaire de manipuler l’agenda du téléphone, pour ajouter des rendez-vous par exemple.

Pour installer le plug-in permettant de manipuler l’agenda et le wrapper Ionic native, il faut utiliser les commandes suivantes :


ionic cordova plugin add cordova-plugin-calendar 
npm install --save @ionic-native/calendar
 

Pour que le plug-in soit accessible dans l’application, il faut l’importer dans le fichier src/app/app.module.ts et ajouter la classe dans les providers en utilisant le code suivant :


import { Calendar } from '@ionic-native/calendar'; 
... 
providers: [ 
  StatusBar, 
  SplashScreen, 
  {provide: ErrorHandler, useClass: IonicErrorHandler}, 
  Calendar 
 
]
 

1. Ajouter des événements

Pour ajouter des événements dans l’agenda du téléphone, il est possible de créer un exemple simple. Cet exemple permettra d’ajouter un événement en spécifiant :

  • un titre,

  • un lieu,

  • des notes sur l’événement,

  • une date de début,

  • une date de fin.

Cet exemple prendra la forme d’un composant Ionic. Le code TypeScript correspondant à l’exemple est le code suivant :


import { Component } from '@angular/core'; 
import { Calendar } from '@ionic-native/calendar'; 
 
@Component({ 
  selector: 'page-home', 
  templateUrl:...
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
Envoyer un SMS
Suivant
Accéder aux contacts