Javascript 如何在删除Angular 7中的项目后更新筛选数组？

我必须从数组中删除一项。 我这样做了，但它只适用于完整阵列，而不适用于过滤阵列

HTML

因此，如果删除我的搜索栏中的值，我以前删除的项目将不会显示。问题在于，当我将其从过滤数组中移除时，它仍保留在屏幕上

有什么建议吗

更新 这对我有用

addToSearch(skill: Skill) {
    this.skillsToAdd = [...this.skillsToAdd, skill];
    this.data = this.data.filter(item => item !== skill);
}

---

不要变异，创建新的数组

    this.skillsToAdd = [...this.skillsToAdd, skill];
    this.data = this.data.filter(item => item !== skill);

---

问题不清楚，请更新更多实施细节/stackblitz代码示例

addToSearch(skill: Skill) {
    this.skillsToAdd = [...this.skillsToAdd, skill];
    this.data = this.data.filter(item => item !== skill);
}

    this.skillsToAdd = [...this.skillsToAdd, skill];
    this.data = this.data.filter(item => item !== skill);