JSON-無法讀取未定義的屬性'img'

Question

我已經創建了具有Ionic 3中的數據的JSON文件，我使用提供程序提取了它們。

這裏是JSON文件

[ 
    { 
     "teachers": { 
      "img":"assets/home/img.png" 
     } 
    }   
] 

組件

homeds: Home[]; 

constructor(
    public navCtrl: NavController, 
    public navParams: NavParams, 
    public dataService: DataProvider, 
    public loadingCtrl: LoadingController 
) { 
    this.dataService 
     .fetchData() 
     .subscribe((data) => { 
      this.homeds = data 
     }) 
} 

模板

<ion-col width-50 *ngFor="let home of homeds"> 
    <img src="{{ home.teachers.img }}" alt=""> 
</ion-col> 

當我運行這段代碼，我得到

運行時錯誤 無法讀取的不確定

財產「IMG」我在做什麼錯在這裏？

Answer 1

使用您的插補貓王/安全導航操作，像這樣：

<img src="{{ home?.teachers.img }}" alt="">