Angular从数据库中删除项目，但在前端显示空对象
创始人
2024-10-23 18:00:39
0次

这个问题可能是由于删除操作没有实时更新前端UI组件所致。我们可以通过以下几个步骤来解决这个问题：

  1. 在组件中定义一个数组来存储从数据库中检索的数据，例如：

items: any[];

  1. 在组件的构造函数中注入一个服务，该服务用于从数据库中检索数据，例如：

constructor(private dataService: DataService) { }

  1. 在组件的ngOnInit()生命周期钩子中调用该服务并将返回的数据存储在数组中，例如：

ngOnInit() { this.dataService.getItems().subscribe(items => this.items = items); }

  1. 在前端UI组件中循环遍历该数组并显示数据，例如：

{{ item.name }}

  1. 在删除操作中调用服务来从数据库中删除对象并实时更新数组，例如：

deleteItem(item) { this.dataService.deleteItem(item.id).subscribe(() => { this.items = this.items.filter(i => i !== item); }); }

通过这些步骤，我们可以实现从数据库中删除对象并实时更新前端UI组件的数组。

上一篇：Angular从数据Json中检测到一天的结束时间

下一篇：Angular从数组中显示选中的选项数据

相关内容

热门资讯

透视插件！hhpoker德州挂... 透视插件！hhpoker德州挂真的有吗，陕西微乐小程序辅助，分享脚本（有挂工具）-哔哩哔哩暗藏猫腻，...
透视揭幕！we-poker是什... 透视揭幕！we-poker是什么软件，We poker辅助器下载（透视）确实是有方法（哔哩哔哩）1、...
透视神器！pokemomo辅助... 透视神器！pokemomo辅助工具，微乐辅助靠谱麻，解谜透视（有挂规律）-哔哩哔哩1、透视神器！po...
透视科普！wepoker手机版... 透视科普！wepoker手机版辅助，wepoker黑侠破解（透视）一直是有工具（哔哩哔哩）1、脚本辅...
长期以来！wejoker免费脚... 长期以来！wejoker免费脚本，微乐四川麻将辅助器，详细透视（有挂细节）-哔哩哔哩1、长期以来！w...
透视详情！德普之星辅助软件，德... 透视详情！德普之星辅助软件，德普之星怎么开辅助（透视）真是存在有工具（哔哩哔哩）1、上手简单，内置详...
透视美元局！werplan怎么... 透视美元局！werplan怎么作必弊，微乐自建房免费黑科技有哪些，教你脚本（证实有挂）-哔哩哔哩1、...
透视辅助！wejoker内置辅... 透视辅助！wejoker内置辅助，微乐卡五星有挂吗，曝光脚本（有挂解惑）-哔哩哔哩进入游戏-大厅左侧...
透视解谜！德扑HHpoker有... 您好，这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家在这款游戏中打...
备受关注的！wpk辅助购买，微... 备受关注的！wpk辅助购买，微乐陕西小程序破解器下载，关于脚本（果真有挂）-哔哩哔哩1、游戏颠覆性的...