问角应用html *ngfor=“小杨树的KitapEvi”达不到。你能帮帮我吗?

EN

export class Kitap {
        stok_kodu:String;
        adi:String;
        aciklama:String; 
        birim_fiyat:Number;
        image_url:String;
        aktif:boolean;
        stoktaki_birimler:Number;
        tarih_olusturuldu: Date;
        Son_güncelleme: Date;
}
export class AppComponent {
  kitaplar:Kitap[]=[
    {
    stok_kodu:"text-100",
    adi:"java Programlama Dili", 
    aciklama:"Java Programlama Dilini Öğrenin", 
    birim_fiyat:600,
    image_url:"assets/images/books/text-106.png",
    aktif:true,
    stoktaki_birimler:100,
    tarih_olusturuldu:new Date(),
    Son_güncelleme:null,
  },
  {
    stok_kodu:"text-101",
    adi:"C# Programlama Dili", 
    aciklama:"C# Programlama Dilini Öğrenin", 
    birim_fiyat:900,
    image_url:"assets/images/books/text-101.png",
    aktif:true,
    stoktaki_birimler:100,
    tarih_olusturuldu:new Date(),
    Son_güncelleme:null,
  },
  {
    stok_kodu:"text-102",
    adi:"C++ Programlama Dili", 
    aciklama:"C++ Programlama Dilini Öğrenin", 
    birim_fiyat:700,
    image_url:"assets/images/books/text-102.png",
    aktif:true,
    stoktaki_birimler:100,
    tarih_olusturuldu:new Date(),
    Son_güncelleme:null,
  }
  ]
}

 <h1>KitapEvi</h1> <table border="1"> <thead> <tr> <th>Ad</th>
    <th>Açıklama</th> <th>Fiyat</th> </tr> </thead> <tbody> <tr
    *ngfor="let KitapEvi of kitaplar"> <td>{{KitapEvi.adi}}</td> <td>{{KitapEvi.aciklama}}</td> <td>{{KitapEvi.birim_fiyat |
    currency:'INR'}}</td> </tr> </tbody> </table>