事件发生后Angular 5更新模板

Question

这是我关于角度的第三篇文章。 我想显示一个候选类型列表：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);
  }

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

有人知道我也如何更新模板视图，以便仅在更新的数组中仅显示新结果吗？

Answer 1

在*ngFor创建temp并将您的候选者存储在temp[] ，该条件在不搜索条件时和在this.filteredCandidates过程中使用时将得到this.filteredCandidates并将其推入temp[]并显示。