删除行后无法刷新 p 表中的数据 ( PrimeNg )

Question

我正在使用带有角度 8 的 primeng 8.1
我用 #dt 引用我的 p 表，然后调用 dt.reset(( 和 getcandidate (( 刷新
但它显示了 p 表的第一页，没有刷新我在官方搜索的列表 文档但 我没有找到解决方案，所以刷新数据的唯一方法是重新加载整个导航器页面

<p-table #dt  
[paginator]="true"
[columns] = "cols"
[value]="listcandidats"
[totalRecords]="listcandidats.length"
[paginator]="true"
[rows]="5"
[style.top.px]="screenHeight/6"
>
<ng-template pTemplate="caption">
<div style="text-align: right">        
<i class="fa fa-search" style="margin:4px 4px 0 0"></i>
<input type="text" pInputText size="50" placeholder="Recherche multioption" 
(input)="dt.filterGlobal($event.target.value, 'contains')" style="width:auto">
</div>
</ng-template>
<ng-template pTemplate="header" let-columns>
<tr>
<th>Candidat</th>
<th>Action</th>
</tr>

</ng-template>
<ng-template  pTemplate="body" let-rowData >
<tr [pSelectableRow]="rowData" >

<td [style.width.px]="screenWidth/8"> <h3>{{rowData.nom}}</h3></td>

<td>
<button pButton type="button" label="modifier" (click)="showDialog(rowData.id)" class="ui- 
button-rounded ui-button-warning">
</button>
<button pButton type="button" label="supprimer" 
(click)="deletecandidat(rowData.id);dt.reset();getcandidats()" class="ui-button-rounded ui- 
button-danger"></button>
</td>
</tr>
<hr [style.width.px]="screenWidth">
</ng-template>

</p-table>

Answer 1

根据PrimeNg文档

在某些情况下，表可能需要注意其值的变化，例如重新应用排序。为了提高性能，仅当值的引用发生变化时才执行此操作，这意味着使用资源库而不是ngDoCheck/IterableDiffers这会降低性能。因此，当您操作值(例如删除或添加项目(时，splice使用扩展运算符或类似运算符创建新的数组引用，而不是使用push等array方法。