角度dom旧物品没有被删除

Question

我的代码存在问题。发送订阅API后，我收到一个新数据但我的DOM只是在其中添加新数据而不删除旧数据。我查看了包含数据的数组，结果正确。我在DOM中的列表具有以前订阅的结果+旧结果。我是否必须手动删除这些数据或向Angular发送请求以刷新内容？

这是我的代码：

<form [formGroup]="search">
    <input type="text" class="input-form" [(ngModel)]="pna" (keyup)="pnaEvent()" formControlName="PNA" id="PNA">
    <label for="PNA">PNA</label>
</form>

    <ul id="logs">
        <li *ngFor="let d of data">
      {{d.info}}
        </li>
    </ul>

pnaEvent(){
   if(this.pna.length > 2)  {          
      let uri = "path";
      this.apiService.get(uri).subscribe(
        (res) => {
           this.data = new Array();
           this.data = res;
           this.changeDetectorRef.markForCheck();
      });           
   }   
}