使用带有列过滤器的角度垫表时如何显示“无可用数据”消息

Question

我有一个Angular Mat-Table，它具有一个通过filterPredicate实现的列过滤器。我想在表为空时显示类似“无可用数据”的消息。

我有

 <div *ngIf="tableDataSource.data.length === 0">
    <h3>No Data Available</h3>
  </div>

该表具有[dataSource] = tableDataSource。 没有数据时，此实现有效。 当我尝试在列过滤器中提供值时，尽管 tableDataSource.filter = JSON.stringify(...)正在执行并且表中的数据已被过滤，tableDataSource本身没有变化，因此，过滤后没有任何行时，不会显示“无可用数据” div。