为了账号安全,请及时绑定邮箱和手机立即绑定

角度指数未定义

角度指数未定义

桃花长相依 2022-09-23 09:14:18

我的应用程序中有列表,我需要在删除成功时删除项目,但它返回,因此我的项目不会从列表中删除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

        });

    });

}

有什么想法吗?


查看完整描述

1 回答

?
Cats萌萌

TA贡献1492条经验 获得超9个赞

解决

我已经改变了我像这样:*ngFor

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

然后

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

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


查看完整回答
反对 回复 2022-09-23
  • 1 回答
  • 0 关注
  • 7 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信