Angular 角度4,用于变量保持值

Angular 角度4,用于变量保持值,angular,ngfor,Angular,Ngfor,我有以下代码: <ng-container *ngFor="let item of items"> <div>{{item.subArray[0].attr1}}</div> <div>{{item.subArray[0].attr2}}</div> </ng-container> {{item.subArray[0].attr1} {{item.subArray[0].attr2} 是否有方法为item.subray

我有以下代码:

<ng-container *ngFor="let item of items">
<div>{{item.subArray[0].attr1}}</div>
<div>{{item.subArray[0].attr2}}</div>
</ng-container>

{{item.subArray[0].attr1}
{{item.subArray[0].attr2}
是否有方法为item.subray[0]创建变量,而不是反复访问第0个元素。例如:

<ng-container *ngFor="let item of items; let subItem = item.subArray[0]">
<div>{{subItem.attr1}}</div>
<div>{{subItem.attr2}}</div>
</ng-container>

{{subItem.attr1}}
{{subItem.attr2}}

是的,只需嵌套另一个迭代器:

<ng-container *ngFor="let item of items">
  <ng-container *ngFor="let subItem of item.subArray">
    <div>{{subItem.attr1}}</div>
    <div>{{subItem.attr2}}</div>
  </ng-container>
</ng-container>

{{subItem.attr1}}
{{subItem.attr2}}

是的,只需嵌套另一个迭代器:

<ng-container *ngFor="let item of items">
  <ng-container *ngFor="let subItem of item.subArray">
    <div>{{subItem.attr1}}</div>
    <div>{{subItem.attr2}}</div>
  </ng-container>
</ng-container>

{{subItem.attr1}}
{{subItem.attr2}}

您需要在ng容器内执行另一个ngFor,在子数组上循环。您需要在ng容器内执行另一个ngFor,在子数组上循环。如果他不想在
项.子数组上循环,而只使用
项.子数组[0],该怎么办
?@ConnorsFan在我的理解中,OP明确地不想这样做,因为“而不是反复访问第0个元素”,并且包含该
项。子数组[0]
假设示例代码只是一个错误的尝试。当然,我请OP澄清一下。:)如果他不想循环使用
item.subArray
,而只使用
item.subArray[0]
?@ConnorsFan在我的理解中,OP明确地不想这样做,从“而不是反复访问第0个元素”,并且包含
item.subArray[0]
假设示例代码只是错误的尝试。当然,我请OP澄清一下。:)