json - 如何访问 Angular 中嵌套对象的属性?
问题描述
我有这个模型类。
export class Drivefunction{
public Injection: Injection;
public df_uid_machine_injsiz:string;
public Motor_Cable_IEC: Motor_cable;
...
在我的 display.component.ts 我有这个函数,它填充了我的 Drivefunction[]
fillDrivefunctions(){
this.machineService.getDrivefunctions(this.injectionID)
.subscribe((df:Drivefunction[])=> {
this.drivefunctions = df;
console.log(this.drivefunctions)
});
}
如您所见,我尝试使用 console.log 来查看 json 对象是否正确填充
所有对象和嵌套对象都已填充!
在我的 HTML 中,我有一个带有 drivefunction[] 的 ngFor,我可以访问字符串等属性,但如果我尝试访问嵌套对象,即使它已正确填充,也会得到“无法读取未定义的属性”。
我是否必须“额外”订阅这个嵌套对象?
我的 HTML:
<ion-list *ngFor="let drivefunction of this.drivefunctions; ">
<ion-item>
<ion-label>{{drivefunction.Injection.inj_uid_machine_injsiz}}</ion-label>
</ion-item>
</ion-list>
解决方案
我认为这是一个错字问题。
根据您提供的 HTML。
<ion-label>{{drivefunction.Injection.inj_uid_machine_injsiz}}</ion-label>
Bu 在控制台截图中,我们可以看到Injection
是小写的。尝试
<ion-label>{{drivefunction.injection.inj_uid_machine_injsiz}}</ion-label>
并相应地更改Drivefunction
类:
export class Drivefunction {
public injection: Injection;
...
推荐阅读
- omnet++ - 如何限制车辆在场景中的时间,使车辆自动离开?
- javascript - 对象编程迷失了:我的构造函数是“传统的”吗?我的代码是否正确考虑在内?
- postgresql - Hasura 查询在生产 Heroku 服务器上超时,但在 Heroku 登台服务器上快如闪电
- vue.js - Socket-IO 使用 Polling 而不是 Websocket
- c++ - 一旦输入了一个合数,涉及计算素数的代码就会停止工作。C++
- python-xarray - Xarray:切片坐标返回一个空维度
- python - 使用 aws cli 或 python 从 ec2 实例中删除安全组
- postman - 如何在 Postman 中创建 SAS 令牌以与服务总线一起使用?
- javascript - Angular 7+:如何从 api 端点静默实现刷新?
- c# - C# 逻辑问题使用相同的输入进入错误的循环