如何访问 Angular 中嵌套的 object 的属性？

Question

我有这个模型类。

export class Drivefunction{
public Injection: Injection;
public df_uid_machine_injsiz:string;
public Motor_Cable_IEC: Motor_cable;
...

在我的 display.component.ts 我有这个 function 填充我的 Drivefunction[]

fillDrivefunctions(){
  this.machineService.getDrivefunctions(this.injectionID)
    .subscribe((df:Drivefunction[])=> {
      this.drivefunctions = df;
      console.log(this.drivefunctions)
    });
}

如您所见，我尝试使用 console.log 来查看 json 对象是否正确填充

所有对象和嵌套对象都已填充！

在我的 HTML 中，我的驱动函数 [] 有一个 ngFor，我可以访问字符串等属性，但如果我尝试访问嵌套的 object，即使它已正确填充，也会得到“无法读取未定义的属性”。

我是否必须“额外”订阅这个嵌套对象？

我的 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>

Answer 1

我认为这是一个错字问题。

基于您提供的 HTML。

<ion-label>{{drivefunction.Injection.inj_uid_machine_injsiz}}</ion-label>

Bu 在控制台截图中，我们可以看到Injection是小写的。 尝试

<ion-label>{{drivefunction.injection.inj_uid_machine_injsiz}}</ion-label>

并相应地更改Drivefunction class：

export class Drivefunction {
   public injection: Injection;
...

Answer 2

确保将您的drivefunction属性声明为array 。 它看起来像下面的代码：

public drivefunction: Array<Drivefunction> = new Array();

所以现在，你会得到结果。 但愿如此。