Angular Ag-Grid，如何在 overlayNoRowsTemplate 内放置材质进度微调器？

【问题标题】：Angular Ag-Grid, how to place a material progress spinner inside of the overlayNoRowsTemplate?Angular Ag-Grid，如何在 overlayNoRowsTemplate 内放置材质进度微调器？
【发布时间】：2019-01-04 23:26:43
【问题描述】：

当没有要显示的行时，我试图在我的 agGrid 中放置一个 mat-progress-spinner。

这样的工作：

private overlayNoRowsTemplate = '<p>No rows to show.</p>';

但是当我尝试添加 mat-progress-spinner 时它没有显示

private overlayNoRowsTemplate = '<mat-progress-spinner style="margin:0 auto;" mode="indeterminate"></mat-progress-spinner>'

我正在尝试做的事情是否可能？

【问题讨论】：

标签： html angular ag-grid

【解决方案1】：

https://www.ag-grid.com/javascript-grid-overlays/

自定义模板

如果您对提供的叠加模板不满意，可以提供自己的。这是通过网格属性完成的 overlayLoadingTemplate 和 overlayNoRowsTemplate。这些模板应该是纯 HTML。

但是，如果您使用“自定义覆盖组件”，则可以使用 Angular 组件：

【讨论】：