Angular *ngFor中的索引不起作用

Angular *ngFor中的索引不起作用,angular,ionic2,ionic3,Angular,Ionic2,Ionic3,我有一个Ionic 3代码,其中有一个带*ngFor的循环,但每次打印0时,我都试图打印循环的索引 <ion-list-header *ngFor="let child of item.value[item.key]; let i = index" no-padding> <ion-item *ngIf="!child.children" ion-item detail-none class="child-item" text-wrap> <h2>

我有一个Ionic 3代码,其中有一个带*ngFor的循环,但每次打印0时,我都试图打印循环的索引

<ion-list-header *ngFor="let child of item.value[item.key]; let i = index" no-padding>

  <ion-item *ngIf="!child.children" ion-item detail-none class="child-item" text-wrap>
    <h2> 
      <ion-icon aria-label="bulb" 
                class="icon-pad icon icon-md icon-md-orange ion-md-bulb item-icon" 
                color="orange" 
                name="bulb" 
                ng-reflect-name="bulb" 
                role="img" 
                ng-reflect-color="orange"></ion-icon>   
      {{ child['layoutName'] }}
    </h2>
    <h2 *ngIf="statusArray[i]">on {{i}}</h2>
    <button ion-button item-right color="secondary" (click)='on(child,1)'>on</button>
    <button ion-button item-right color="danger" (click)='on(child,0)' >off</button>
  </ion-item>
</ion-list-header>

{{child['layoutName']}
关于{{i}
在…上
关
执行以下调试:

<ion-list-header ngFor="let child of item.value[item.key]; let i = index" no-padding>
{{i}} {{item.value[item.key] | json}}

{{i}{{item.value[item.key]| json}

我认为
item.value[item.key]
只有一个元素

抱歉*将其作为stackoverflow中的代码开始,因此我现在将其删除语法为
*ngFor
@nitish请仔细检查您的代码和编辑。为什么要循环列表?使用*ngFor for ion item您能为我们提供您要循环的.ts代码或数组吗?@nitish和{{i}打印0,0??:>yeah@Antoniosss