Angular *ngFor中的索引不起作用
我有一个Ionic 3代码,其中有一个带*ngFor的循环,但每次打印0时,我都试图打印循环的索引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>
<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