事件后的Angular 5更新模板

Question

这是我在角度方面的第三篇文章。 我想显示候选人类型列表：候选人[]。 我目前正在视图中使用* ng这样显示它：

    <ul>
        <li *ngFor="let candidate of candidates">
            {{ candidate.name }}
        </li>
    </ul>

但是，我需要使用函数过滤候选项以适合用户搜索：

  filterResults(queryString): void {
    this.candidatesService.filterCandidates(queryString).subscribe(candidates => this.filteredCandidates = candidates);
    this.filteredCandidates = this.filteredCandidates.filter(candidate => candidate.name == queryString);
  }

问题是，该功能是在输入框的键盘上触发的。因此，过滤后的候选阵列值会根据输入而改变。

是否有人知道我如何更新模板视图，只显示更新数组中的新结果？

Answer 1

在*ngFor中设置临时值，并将候选人存储在temp[]中，无论何时在未搜索条件下使用，并在密钥处理处理中获取this.filteredCandidates并将其推入temp[]和显示。