Ioni c Firebase База данных карты - PullRequest
Новая
       16

Ioni c Firebase База данных карты

0 голосов
/ 18 января 2020

Я хотел бы добавить карту с базой данных Firebase. Мой код: 

//home.page.ts
loadTinderCards() {
    this.cards = [
      {
        img: "https://placeimg.com/300/300/nature",
        title: "Demo card 1",
        description: "This is a demo cards"
      },
    ]
  };

Я не хочу записывать каждую карточку одну за другой. 

//home.page.html
<ion-content>

  <ion-refresher slot="fixed" (ionRefresh)="loadTinderCards()">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  <tinder-ui [cards]="cards" (choiceMade)="logChoice($event)"></tinder-ui>


</ion-content>

1 Ответ

0 голосов
/ 18 января 2020

У меня есть страница добавления. 

//add.page.html
<ion-content>
  <div class="header">
    <div class="title">Add</div>
  </div>

  <ion-item>
    <ion-label><b>Publiez quelque chose</b></ion-label>
  </ion-item>
  <ion-item>
    <ion-label>Titre:</ion-label>
    <ion-input type="text" [(ngModel)]="postData.title"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>Texte:</ion-label>
    <ion-input type="text" [(ngModel)]="postData.text"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>Url de l'image:</ion-label>
    <ion-input type="text" [(ngModel)]="postData.imgUrl"></ion-input>
  </ion-item>
  <ion-button expand="block" (click)="publish()">Publier</ion-button>

</ion-content>

Для отправки данных в мою базу данных. 

//add.page.ts
export class AddPage {
  postData = {
    text: '',
    imgUrl: '',
    title: ''
  };

  constructor(public router:Router,  public afDB: AngularFireDatabase,
    public afAuth: AngularFireAuth) {}


  publish() {
    this.afDB.list('Posts/').push({
       text: this.postData.text,
       imgUrl: this.postData.imgUrl,
       title: this.postData.title,
       likesNb: 0
    });
    this.postData = {
      title:'',
      text: '',
      imgUrl: ''
  };
 }

}
...