如何在ag-grid noRowsTemplate值中使用Angular 2x组件

问题描述

我想在ag-grid norowstemplate 属性中使用带有一些属性的Angular组件。与此类似：

norowstemplate="<app-empty-state desc="No Rows"></app-empty-state>"

这不起作用，因为 norowstemplate 属性仅接受普通的旧HTML。我想知道在Angular 2x中是否有类似于函数的东西，您可以“预编译”一个组件并返回可以设置为 norowstemplate 属性的平面HTML和CSS。 你能帮我吗？

谢谢！

解决方法

无法根据官方文档添加角度分量。

但是您可以简单地添加标记。提供所需的类，然后将这些类添加到主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;
}

Planker：https://plnkr.co/edit/yEajXlR7Cm6wfKKp