角度指数未定义

Question

我的应用程序中有列表，我需要在删除成功时删除项目，但它返回，因此我的项目不会从列表中删除index undefined

法典

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>

Component

groups: any[] = [];

leaveGroup(group, index) {

    this.groupsService.leaveGroup(group.id).subscribe((res: any) => {

        console.log('group index: ', index); // undefined

        console.log('group: ', group); // gets the group data

        console.log('group id: ', group.id); // gets the id

        this.groups.splice(index, 1);

        Toast.show({

            text: res.message

        });

    });

}

有什么想法吗？

Answer 1

解决我已经改变了我像这样：*ngFor*ngFor="let&nbsp;group&nbsp;of&nbsp;groups;&nbsp;index&nbsp;as&nbsp;indexOfelement;"然后<ion-item-option&nbsp;color="danger"&nbsp;(click)="leaveGroup(group,&nbsp;indexOfelement)">Leave</ion-item-option>现在我可以获取项目索引号并将其从列表中删除。