json - 以 Angular 将行追加到现有数据列表

Question

我正在显示来自后端系统的数据。数据来自一个表，该表在一段时间内接收新行。我有一种机制可以在 Angular 计时器内获取这些行。我的问题是，给定下面的模板，如何将这些新行添加到我的列表中，如下所示，而不重新绘制整个列表。

template: `
  <h1>{{title}}</h1>
  <h2>My favorite hero is: {{myHero}}</h2>
  <p>Heroes:</p>
  <ul>
    <li *ngFor="let hero of heroes">
      {{ hero }}
    </li>
  </ul>

`

Answer 1

由于您使用的是 Angular 2+ 版本，因此您无需担心重绘列表部分，因为它会使用 Shadow DOM 自动处理它。