javascript - 如果过滤器在 Material 表 Angular 中没有结果，如何显示 "no records"

如果有人搜索当前表显示空数据，我想添加“无记录消息”!

以下是angular js中示例 Material 表的链接
https://material.angular.io/components/table/examples

最佳答案

我找到了确切的解决方案

在 typescript 中:

applyFilter(filterValue: string) {
 filterValue = filterValue.trim(); // Remove whitespace
 filterValue = filterValue.toLowerCase(); // MatTableDataSource defaults to lowercase matches
 this.dataSource.filter = filterValue;
 if(this.dataSource.filteredData.length==0){
   this.displayNoRecords=true;
 }else{
   this.displayNoRecords=false;

 }
}

在模板中

<mat-card  *ngIf="displayNoRecords" style="padding:100px;">
  <h3 style="text-align:center">We couldn't find data for
 <span style="color:red">"{{dataSource.filter}}"</span><br>
Make sure the label,type or status are spelled and formatted correctly
</h3>
</mat-card>

关于javascript - 如果过滤器在 Material 表 Angular 中没有结果，如何显示 "no records"，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48583272/