< div > < ion-item > < ion-label for = "paysage" > Paysage: < ion-input type = "text" > < ion-label for = "lien" > Lien: < ion-button expand = "block" color = "dark" ( click)= 'onAddContry()' > Nouveau paysage Comme vous le voyez nous aurons deux champs de texte. Un champs de texte pour avoir le lien vers l'image sur google et un champs pour le nom de l'image.
#3 - Ionic 3 et Firebase (AngularFire v5): Ajouter les données dans la base de données - YouTube
import {AngularFirestore} from "@angular/fire/firestore" constructor ( public firestore: AngularFirestore) {} Comme vous l'avez remarqué certainement, j'ai crée une fonction onAddContry() qui sera la fonction exécutée au déclenchement de l'événement. Nous allons utiliser cette fonction pour rédiger notre fonction de stockage. Notre fonction de stockage ressemble à ça. onAddContry(){ this llection( 'paysages')({ name: this. paysageName, link: this. paysageLink});} Nous avons utilisé l'objet de notre service firestore pour faire appel à la fonction collection() qui définit ou crée une collection qui dans laquelle elle va stocker nos data envoyées par la methode add(). Ionic base de données donnees sql corrige. Ici nous définissons le nom de la collection en paramètre dans la fonction collection(). Le code de notre classe pour le moment est le suivant. link: this. paysageLink});}} Nous pouvons désormais tester la sauvegarde des données dans notre collection. Notre application ressemble à ça. Après le test voici ce nous obtenons sur firestore.
Sitemap | wwropasx.ru, 2024