问题描述: 在使用Angular 9进行API调用时,无法读取从API调用返回的嵌套对象中的值,并且返回的值为undefined。
解决方法:
确保API调用返回的数据已经正确接收到,并且可以在控制台中打印出来。可以使用console.log()语句来检查返回的数据是否正确。
确保你在模板中正确地绑定了从API调用返回的数据。可以使用Angular的安全导航操作符(?.)来处理可能为空的属性。
例如,如果从API调用返回的数据是一个嵌套对象,你可以使用以下方式来读取其中的值:
{{ data?.nestedObject?.value }}
在上面的代码中,使用了安全导航操作符(?.)来避免在数据为空的情况下引发错误。
例如,如果你的API调用返回的数据是一个Observable对象,你可以在模板中使用async管道来处理它:
{{ (data$ | async)?.nestedObject?.value }}
在上面的代码中,data$是一个Observable对象,通过async管道将其转化为异步数据。
希望以上解决方法对你有帮助!