如何将 Angular 2x 组件用于 ag-grid noRowsTemplate 值
How to use an Angular 2x component into ag-grid noRowsTemplate value
我想在 ag-grid noRowsTemplate 属性 中使用具有一些属性的 Angular 组件。类似于此：
noRowsTemplate="<app-empty-state desc="No Rows"></app-empty-state>"
这不起作用，因为 noRowsTemplate 属性 只接受普通的旧 HTML。我想知道在 Angular 2x 中是否有类似于函数的东西，你可以“预编译”一个组件和 return flat HTML 和 CSS 我可以设置为 noRowsTemplate 属性。
你能帮帮我吗？
谢谢！
根据官方文档无法添加 angular 组件。
但您可以简单地添加标记。提供所需的 类，将这些 类 添加到主 CSS 文件中。
并根据需要设置样式。
`<div class="overlayNoRowsTemplate">
<span style="padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow;">
This is a custom \'no rows\' overlay
</span>
</div>`;```
.overlayNoRowsTemplate {
width: 300px;
height: 300px;
background-color: red;
}
我想在 ag-grid noRowsTemplate 属性 中使用具有一些属性的 Angular 组件。类似于此：
noRowsTemplate="<app-empty-state desc="No Rows"></app-empty-state>"
这不起作用，因为 noRowsTemplate 属性 只接受普通的旧 HTML。我想知道在 Angular 2x 中是否有类似于函数的东西，你可以“预编译”一个组件和 return flat HTML 和 CSS 我可以设置为 noRowsTemplate 属性。 你能帮帮我吗？
谢谢！
根据官方文档无法添加 angular 组件。
但您可以简单地添加标记。提供所需的 类，将这些 类 添加到主 CSS 文件中。 并根据需要设置样式。
`<div class="overlayNoRowsTemplate">
<span style="padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow;">
This is a custom \'no rows\' overlay
</span>
</div>`;```
.overlayNoRowsTemplate {
width: 300px;
height: 300px;
background-color: red;
}