离子* ngFor循环由于2个数组值而产生2个div

Question

我正在为我的新闻应用程序设置天气栏，出现了问题。我有一个http get，它具有指向天气的api的链接，并且一切正常，但是由于数组的原因，html中的所有内容都显示为double。这是我的意思的屏幕截图： 1. https://i.imgur.com/jblttZh.png 2. 2张卡：https://i.imgur.com/4fmc2s9.png，我不想要2张，而是1张。

我的html：

<ion-list *ngIf="datepicker == 'hetWeer'">
<div id="container">
  <ion-card class="weerCard" *ngFor="let weer of dataweer">
    <ion-card-header>
      <h1 class="weerNaam">{{weer.name}}</h1>
      <h6 class="weerDatum">{{weer.localtime}}</h6>
    </ion-card-header>
    <ion-card-content>
      kaas
    </ion-card-content>
  </ion-card>
</div>

和我的打字稿：

  // Data van het weer
this.http.get('http://api.apixu.com/v1/current.json?key=cd4bbb451ca94192a4e161825182311&q=Amsterdam').subscribe(data => {
  this.dataweer = Object.keys(data).map(key => data[key]);
  console.log(this.dataweer);
});