事件后的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);
  }

问题是，该函数是在输入框的keyup上触发的。因此，滤波的候选阵列值基于输入而改变。

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

Answer 1

在*ngFor中制作temp并将你的候选人存储在temp[]中，无论何时在不搜索条件下使用，并且在keyup过程处理中获取this.filteredCandidates并将其推入temp[]并显示。