Angular - 如何从ngFor中删除元素_程序开发

创始人

2024-10-14 20:30:21

0次

要从ngFor中删除元素，您可以使用数组的splice方法。以下是一个示例，演示如何从ngFor中删除元素：

在组件中定义一个数组：

items: string[] = ['Item 1', 'Item 2', 'Item 3'];

在模板中使用ngFor循环遍历数组，并为每个项目添加一个删除按钮：


  
    {{ item }}

在组件中实现removeItem方法，它将使用splice方法从数组中删除指定索引的元素：

removeItem(index: number): void {
  this.items.splice(index, 1);
}

这样，当点击删除按钮时，对应的项目将从ngFor循环中删除。

请注意，由于splice方法会修改原始数组，因此ngFor指令将重新渲染列表，以反映更新后的数组。

热点推荐！拱趴游戏破解器，po... 热点推荐！拱趴游戏破解器，pokemmo脚本辅助，普及教程（有挂攻略）是由北京得拱趴游戏破解器黑科技...

一分钟秒懂！aapoker免费... 一分钟秒懂！aapoker免费透视脚本，大菠萝789辅助器下载，实用技巧（有挂技巧）；玩家必备必赢加...

今日头条！wepoker挂，h... 今日头条！wepoker挂，hhpoker底牌透视脚本，细节方法（有挂方法）；玩家必备必赢加哟《13...

玩家交流！werplan透视挂... 玩家交流！werplan透视挂，werplan外挂，微扑克教程（有挂辅助）；小薇（透视辅助）致您一封...

揭秘！wepoker怎么增加运... 揭秘！wepoker怎么增加运气，epoker底牌透视，揭秘教程（有挂神器）；建议优先通过wepok...

今日百科！约局吧开挂，hhpo... 《今日百科！约局吧开挂，hhpoker辅助，扑克教程（有挂方法）》约局吧开挂软件透明挂更新公告新增...

玩家实测！wepoker私人局... 玩家实测！wepoker私人局透视，hhpoker有后台操控吗，AI教程（有挂教程）；hhpoker...

科技新动态！hhpoker真能... 科技新动态！hhpoker真能买到挂吗，wepoker正确养号方法，曝光教程（有挂透明）；hhpok...

分辨真假！拱趴大菠萝万能挂图解... 分辨真假！拱趴大菠萝万能挂图解，wpk作弊，揭秘攻略（有挂透明）；大神普及一款德州ai内幕，确定了拱...

科技介绍！德普之星辅助器怎么用... 科技介绍！德普之星辅助器怎么用，约局吧开挂，细节揭秘（有挂透明）；原来确实真的有挂（需添加指定薇13...