Javascript 角度索引未定义

我的应用程序中有列表，删除成功时我需要删除项目，但它返回

未定义索引

，因此我的项目不会从列表中删除

密码

HTML

<div *ngIf="groups.length>0">
    <ion-item-sliding *ngFor="let group of groups">
        <ion-item class="chat-groups">
            <ion-avatar slot="start">
                <div *ngIf="group.photo != null; else placeholderImage">
                <img (click)="openImage(group)" class="gImage" routerDirection="forward" [src]="group.photo">
                </div>
                <ng-template #placeholderImage>
                <img routerDirection="forward" class="gImage" src="../../assets/placeholders/groups.png">
                </ng-template>
            </ion-avatar>
            <ion-label routerDirection="forward" [routerLink]="['/tabs/', 'groups', group.id]">
                <h2 [innerHTML]="group.name"></h2>
                <h3 [innerHTML]="group.description"></h3>
            </ion-label>
        </ion-item>
        <ion-item-options side="start">
            // index is undefined
            <ion-item-option color="danger" (click)="leaveGroup(group, $index)">Leave</ion-item-option>
        </ion-item-options>
    </ion-item-sliding>
</div>

有什么想法吗？

解决了 我已将我的

*ngFor

更改如下：

*ngFor="let group of groups; index as indexOfelement;"

然后

<ion-item-option color="danger" (click)="leaveGroup(group, indexOfelement)">Leave</ion-item-option>

离开

---

现在，我可以获取项目索引号并将其从列表中删除。

您最好以这种方式设置项目，以便这些项目会导致编译错误

<ion-item-option color="danger" (click)="leaveGroup(group, indexOfelement)">Leave</ion-item-option>