angular - Angular 6 kendo-excelexport 组件找不到数据时如何显示无数据导出警报

Question

下面是代码:我使用了 angular 6 kendo-excelexport ^4.5.0 版本组件。

<kendo-excelexport [data]="excelDataToExport" [collapsible]="true" fileName="Sample.xlsx" #excelexport>
                <kendo-excelexport-column field="taxMonth" title="Month" [width]="200">
                </kendo-excelexport-column>
                <kendo-excelexport-column field="clientName" title="Client Name" [width]="200">
                </kendo-excelexport-column>
                <kendo-excelexport-column field="alertType" title="Alert Type" [width]="200">

                <kendo-excelexport-column field="Description" title="Description" [width]="200">
                </kendo-excelexport-column>

</kendo-excelexport>

Answer 1

查看excelDataToExport的长度如果是数组。如果长度大于 0，请下载 Excel 表格，否则会显示警报。

为此，请在 click 上使用条件表达式。导出按钮的事件。

请找到工作示例:Demo

在示例中注释/取消注释 product.ts 文件中的数据以分别查看无数据警报/下载 excel。