Angular Ag-Grid，如何将材质进度旋转器放置在overlayNoRowsTemplate 内？

Question

当没有行可显示时，我试图在 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>'

我想做的事情可能吗？

Answer 1

自定义模板

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

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