更新数组后PrimeNG p-table视图未更新的技术问题求助

核心问题 #

你的表格绑定的是promoData数组，但在API请求的回调里，你更新的是promoSearch而不是promoData——这就导致表格的数据源根本没变化，自然视图不会更新。

修正步骤 #

1. 修正赋值目标：在subscribe回调里，把返回的响应赋值给表格绑定的promoData，而非promoSearch。
2. 调整日志位置：原代码里的console.log(this.promoData)放在清空数组之前，看不到最新值，建议移到赋值之后。
3. 优化空值逻辑：搜索框为空时，调用getPromocoes()后加return，避免后续不必要的API请求。

修正后的函数代码 #

getPromocoesPorNome(event: any) {
  if (this.nameSearch === '') {
    this.getPromocoes();
    return;
  }

  this.promolistService.getPromocaoByNome(this.nameSearch)
    .pipe(finalize(() => {}))
    .subscribe((response) => {
      // 若API返回的response本身是数组，直接写this.promoData = response即可
      this.promoData = [response];
      console.log(this.promoData); // 现在能看到最新的数据源
    }, (e) => {
      // 可在此添加错误提示，比如搜索失败的用户反馈
    });
}

额外注意事项 #

• 若API返回的是多数据数组，直接赋值this.promoData = response，不用手动包成数组。
• Angular变更检测依赖数组引用变化，避免用push/splice等原地修改数组的方法，直接重新赋值（比如this.promoData = [...newData]）能确保视图更新。
• 确认getPromocoes()函数内部也是正确更新promoData数组，而非其他变量。

内容的提问来源于stack exchange，提问作者Isabela Santos