时间戳

首页 > 解决方案 > 角度应用程序 html *ngfor="ler KitapEvi of kitaplar " 无法访问。你能帮助我吗？

angular - 角度应用程序 html *ngfor="ler KitapEvi of kitaplar " 无法访问。你能帮助我吗？

问题描述

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>

标签： angular

解决方案

正确的语法是*ngFor="..."大写 F。在您的代码中，您*ngfor="..."使用小写 f。

推荐阅读