在html代码中消除这些错误的最佳实践方法是什么

好的，我知道这是一个非常通用的标题，但我正在访问纽约时报api，其中有嵌套的对象。例如，一个对象是results，里面的results是books，在我的typescript中，我使用for循环访问嵌套数组，但html中有一个错误

从'@angular/core'导入{Component，OnInit}；
从“@angular/common/http”导入{HttpClient，HttpHeaders，HttpErrorResponse}；
从'rxjs'导入{可观察的}；
从“/books.service”导入{BooksService}；
从“../models/list”导入{Listmodel}；
从“ngx localstorage”导入{LocalStorageService}；
@组成部分({
选择器：“应用程序手册”，
templateUrl:'./books.component.html'，
样式URL:['./books.component.less']
})
导出类组件实现OnInit{
构造函数（私有api:BooksService，
私有http:HttpClient，
专用localStorage:LocalStorageService）{}
书；
名称:Listmodel[];；
部分：字符串；
fav：字符串；
收藏夹=[]；
模态：任何；
modal1=[]；
法夫：任何；
clientid：号码；
用户；
恩戈尼尼特（）{
这是loadBooks（）；
这是loadNames（）；
}
负荷书（）{
此.api.getBooks（）已订阅(
数据=>{
this.book=data.results；
}
);
}
loadNames（）{
此.api.getNames（）.subscribe(
数据=>{
返回this.names=data.results；
}
);
}
sectionlink（文本：任意）{
this.section=文本；
this.api.getcategory（text.subscribe）(
数据=>{
返回this.book=data.results；
}
);
}
addFav（文本：任意）{
this.fav=文本；
this.user=JSON.parse（localStorage.getItem（'user'））；
this.clientid=this.user.data.id；
this.api.addfav（this.fav，this.clientid）。订阅(
数据=>{
this.fave=数据；
}
);
}
readMore（文本：字符串）{
this.modal=文本；
Object.keys（this.modal）.map（（keyName）=>{
返回{id:keyName，product:this.modal[keyName]}；
});
}
}

{{book.list{u name}

列表更新{book.Updated | lowercase}
在{{book.Published_date |小写| date:'fullDate'}上发布的列表

畅销书排名{{name.Rank}


列表上的周数{{name.Weeks{u列表上的周数}




分类列表

{{section.list_name}

图书信息


{{item.key}
{{item.value}}
接近

该错误很可能来自从api检索数据之前的初始页面加载。有几种方法可以解决这个问题，但Angular内置的一种方法是通过

？

操作符，如下所示

<div *ngFor="let name of book?.books; let i = index">

---

该错误很可能来自从api检索数据之前的初始页面加载。有几种方法可以解决这个问题，但Angular内置的一种方法是通过

？

操作符，如下所示

<div *ngFor="let name of book?.books; let i = index">

如果

此.books

没有响应，则为条件添加空检查程序。尝试使用ngIf条件设置此条件是否为空。如果

此项没有响应，请为该条件添加空检查程序。尝试使用ngIf条件设置此条件是否为空。