Javascript 离子型Firebase数据库卡

我想添加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>

//home.page.html

我有一个添加页面

//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>

---

我想通过我的添加页面添加卡片。我想从我的“添加”页面添加一些信息（文本或图片）。所有这些信息都出现在我的主页上。你的问题在哪里？在firebase插入或html绑定方式中，或在整个过程中？？

//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: ''
  };
 }

}