Error tidak dapat membaca property json

saya ingin bertanya, kenapa muncul error Cannot read property 'message' of undefined, padahal jika di looping data nya muncul, data nya berasal dari Rest API yang saya buat sendiri

untuk framework yang saya gunakan ionic 4

ini ss nya tampilan yang berhasil di looping

lalu ini error console browser nya

ini source code looping nya :

<ion-list>
    <ion-item *ngFor="let data of Artikel.message" [routerLink]="['/menu/artikel/', data.id]">
      <ion-thumbnail>
        <img src="http://localhost/apk-siak/assets/img/artikel/{{data.cover}}" />
      </ion-thumbnail>
      <ion-label color=" dark" class="ion-margin-start" text-wrap>
        <p>{{data.judul}}</p>
      </ion-label>
    </ion-item>
  </ion-list>

ini data json nya :

{
  "status": true,
  "message": [
    {
      "id": "1",
      "judul": "Manfaat Daun Mint untuk Kesehatan",
      "cover": "20190619-040641.jpg"
    },
    {
      "id": "2",
      "judul": "Makanan Berkalsium Tinggi",
      "cover": "20190619-041530.jpg"
    },
    {
      "id": "3",
      "judul": "6 Mitos Penyebab Kanker",
      "cover": "20190619-042710.jpg"
    },
    {
      "id": "4",
      "judul": "Obat Batuk untuk Bayi",
      "cover": "20190619-053651.jpg"
    }
  ]
}

Terimakasih

avatar Terra
@Terra

81 Kontribusi 39 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

programnya tidak error ya? ada keterangan angular berapa?

1 Jawaban:

Jawaban Terpilih

masalahnya mungkin karena data sudah mau ditampilkan tapi API belum selesai terload

coba pakai tanda tanya di kolomnya sepert {{data?.cover}} begitu juga kolom lainnya

avatar hilmanski
@hilmanski

2685 Kontribusi 2135 Poin

Dipost 5 tahun yang lalu

Tanggapan

terimakasih, error nya sudah hilang :D

sama sama Terra

Login untuk ikut Jawaban