Angular PrimeNG 表格组件提供了两种方式用于显示表格加载状态，即在表格顶部的进度条和在表格的单元格中显示一个 loading 图标。

显示表格顶部的进度条

要在表格顶部显示进度条，需要在组件中设置 loading 属性为 true，如下所示：

  ...

然后在组件的代码中，当要加载数据时将 loading 属性设置为 true，当数据加载完成时将 loading 属性设置为 false。

例如，在组件内部的 ngOnInit 方法中加载数据时：

ngOnInit() {
  this.loading = true;
  this.carService.getCars().subscribe(data => {
    this.cars = data;
    this.loading = false;
  });
}

在单元格中显示 loading 图标

如果您希望在表格中单元格中显示 loading 图标，可以使用 PrimeNG p-progressSpinner 组件。首先，在表的列定义中将 中的内容替换为一个 p-progressSpinner 组件，如下所示：

  
    ...
  
  
    
      

        
      
      
{{car.brand}}
    
    ...
  

然后在组件的代码中，当要加载数据时将 loading 属性设置为 true，当数据加载完成时将 loading 属性设置为 false。

例如，在组件内部的 ngOnInit 方法中加载数据时：

ngOnInit() {
  this.loading = true;
  this.carService.getCars().subscribe(data => {
    this.cars = data;
    this.loading = false;
  });
}

当表格的数据正在加载时，将显示 loading 图标；当数据加载完成时，将显示单元格中的实际数据。 免责声明：本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。