Ionic V2提示警告填充列表

时间:2017-04-24 17:43:55

标签: ionic2

我创建了一个提示警报,我希望它保存,然后按相反的时间顺序填充列表。

我没有收到任何错误,点击"保存后,我只是看不到列表中的项目。"

这是我的代码:

    public add() {
      let alert = this.alertCtrl.create({
      title: "Add Date & Time",
      message: "Enter the date and time of your donation.",
      inputs: [
          {
              name: "donation",
              placeholder: "DD/MM/YYYY"
          },
          {
              name: "time",
              placeholder: "HH:MM AM/PM"
          }
      ],
      buttons: [
          {
              text: "Cancel"
          },
          {
              text: "Save",
              handler: data => {
                  this.donationList.push({
                      name: data.donation,
                      time: data.time
                  });
              }
          }
      ]
  });
  alert.present();
}

这是我的HTML代码:

<ion-content>
  <ion-list>
      <ion-item *ngFor="let donation of donationHistoryList">
          {{donation.name}}
          <ion-note item-right>
              {{donation.time}}
          </ion-note>
      </ion-item>
  </ion-list>
</ion-content>

1 个答案:

答案 0 :(得分:0)

在您的ts中,您将数据推送到donationList,但在您的html ngFor中,您使用了donationHistoryList。这两个变量有不同的名称。尝试匹配变量名称。

除非您有任何其他与这些变量匹配的代码。如果我发现了错误的问题,请提供更多代码。 :)