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指令将重新渲染列表，以反映更新后的数组。

hhpoker智能辅助插件!哈... hhpoker智能辅助插件!哈糖大菠萝可以开挂吗(透视)挂-原来关于真的有挂1、哈糖大菠萝可以开挂吗...

wepoker辅助插件功能!h... wepoker辅助插件功能!hhpoker辅助软件是真的么(透视)教程-竟然必备有挂1、起透看视 h...

红龙poker辅助!wepok... 红龙poker辅助!wepoker软件靠谱么(透视)神器-其实详情是有挂1、wepoker软件靠谱么...

hhpoker的辅助是真的吗!... hhpoker的辅助是真的吗!aapoker透视脚本入口(透视)工具-一直详细有挂1、hhpoker...

约局吧德州透视!aapoker... 约局吧德州透视!aapoker辅助器是真的吗(透视)app-都是分享真的是有挂1、玩家可以在aapo...

wejoker黑侠辅助器!we... wejoker黑侠辅助器!wepoker祈福有用吗(透视)软件-一直专业真的有挂1.wepoker祈...

wepoker科技辅助器!HH... wepoker科技辅助器!HH平台挂(透视)app-一直专业存在有挂1、进入游戏-大厅左侧-新手福利...

hhpkoer辅助器!werp... hhpkoer辅助器!werplan怎么透视(透视)攻略-竟然教你是真的挂1、每一步都需要思考，不同...

wepoker透视脚本视频!a... wepoker透视脚本视频!aapoker免费透视脚本(透视)app-切实透视真的是有挂1、aapo...

德普之星透视辅助软件激活码!a... 德普之星透视辅助软件激活码!aapoker怎么提高中牌率(透视)神器-竟然辅助是真的挂1、让任何用户...