JSON-无法读取未定义的 属性 'img'

Question

我创建了一个包含数据的 JSON 文件，在 Ionic 3 中我使用提供程序获取了它们。

这是 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>

当我 运行 这段代码时，我得到

Runtime Error Cannot read property 'img' of undefined

我做错了什么？

Answer 1

在插值中使用 Elvis/safe 导航运算符，如下所示：

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