事件发生后 Angular 5 更新模板

Question

这是我关于 Angular 的第三篇文章。 我想显示候选类型列表：Candidate[]。 我目前正在使用这样的 *ngFor 在视图中显示它：

    <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[] 中，用于在不搜索条件和keyup 过程处理时获取this.filteredCandidates 并将其推入temp[] 并显示。