gpt4 book ai didi

arrays - 根据选择删除存储在数组中的项目

转载 作者:搜寻专家 更新时间:2023-10-30 21:21:52 25 4
gpt4 key购买 nike

我正在尝试根据所选选项删除存储在数组中的项目,以更好地理解阅读这段代码:

component.html

<fnd-extended-select label="Tipo Prodotto:" [(ngModel)]="landingType" name="tipoprodotto">
<fnd-option *ngFor="let p of agreementfilter?.landingPageTypes" [value]="p.id">{{p.description}}</fnd-option>
</fnd-extended-select>

Component.ts

  deleteMsg() {
this.agreementfilter.landingPageTypes.splice(1, 1);
}

基本上使用这段代码,当我按下按钮删除项目时,只会删除数组的 FIRST 对象。

我需要的:删除我从数组中选择的项目。

我有什么样的选择来解决这个问题?

感谢您的帮助!

最佳答案

组件.html

<fnd-extended-select label="Tipo Prodotto:" [(ngModel)]="landingType" 
name="tipoprodotto">
<fnd-option *ngFor="let p of agreementfilter?.landingPageTypes; let i = index"
[value]="i">{{p.description}}</fnd-option></fnd-extended-select> <button (click)="deleteMsg(landingType)"></button>

组件.ts

 landingType;

public deleteMsg(id: number) {
// finds index of item to be deleted and then deletes the item from the array
this.landingPageTypes.splice(id, 1);

// output array to console with item deleted
console.log('landingPageTypes: ', this.landingPageTypes);
}

public change(id) {
// change select and index store in variable
this.landingType = id;
console.log(id);
}

查看示例 stackblitz

关于arrays - 根据选择删除存储在数组中的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52093737/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com