Angular 无数据的AgGrid自定义模板无法正常工作

我正在尝试更新OverlynorowTemplate，以防表中不存在任何数据。但它不能正常工作，我用了下面的代码

.ts

export class AppComponent {
  rowData = []
  columnDefs = [
    {
      headerName: "ID",
      field: "id",
    },
    {
      headerName: "Value",
      field: "value",
    },

  ];
  overlayNoRowsTemplate = `This is Custom Message for no data</br> <span class="error">Login After some time</span>`

}

导出类AppComponent{
行数据=[]
columnDefs=[
{
头名：“ID”，
字段：“id”，
},
{
头名：“价值”，
字段：“值”，
},
];
OverlynorowTemplate=`这是一条没有数据的自定义消息
一段时间后登录`
}

.html

---

尝试将消息封装在段落标记中，例如：

OverlynorowTemplate=“这是无数据的自定义消息
一段时间后登录
”

然后去读一些关于span元素的内容；）
OverlynorowTemplate
仅在提供父元素时才起作用

这个

OverlynorowTemplate=`
这是没有数据的自定义消息


一段时间后登录
`

但这只显示第一个元素，在本例中，该元素包含一个

OverlynorowTemplate=`onetwo`
谢谢您的回答，但事实是，如果我将span更改为div，它仍然无法工作。您的案例正在运行，因为OverlynorowTemplate需要一个顶级包装器感谢它的运行。你找到这方面的文件了吗？据我所知没有。但我同意这种行为应该记录在案
<ag-grid-angular style="width: 100%; height: 120px;" class="ag-theme-fresh" 
    [rowData]="rowData"
        [columnDefs]="columnDefs"
    [overlayNoRowsTemplate]="overlayNoRowsTemplate">
    </ag-grid-angular>