Angular实现列表单条删除时点击删除按钮所有条目全删问题求助

问题根源 #

删除逻辑中filter方法的判断条件书写错误：
你在removeUser里写的判断为user.id !== user.id，该判断的左右两端都是遍历过程中当前用户对象的id值，判断结果永远为false，会导致filter方法把所有用户条目都过滤掉，最终返回空数组，因此无论点击哪个删除按钮都会清空全部列表。

修复方案 #

只需要修改removeUser方法的过滤条件，将传入的待删除id和遍历到的用户id做对比即可：

removeUser(id:string): void{ 
  this.users = this.users.filter(user => user.id !== id)
}

修改后点击对应条目的删除按钮，只会过滤掉id匹配的单个用户，其余条目会正常保留。

内容的提问来源于stack exchange，提问作者lacertezzadellapena