更新:将代码更改为立即调用并分配dataSource,但我仍然遇到相同的结果,除了sourceData.paginator正在工作。在sourceData.filter和sourceData.sort仍然没有工作。
请注意:我没有收到任何错误,因为错误与现在正在工作的分页器有关。此外,它可能与我的数据格式有关,因此包含一些数据作为示例。请注意,我response.data用于将数据分配给源,然后{{asset.Data.FleetNumber}}用于显示字段。
我对 Angular 5 和 Angular Material 很陌生。我正在努力实施mat-table dataSource paginatorandsort和filterValue。
我收到以下错误:(已解决 )
类型错误:无法设置未定义的属性“分页器”
而且我的过滤器不起作用。当我在过滤器字段中键入第二个字符后,我的列表返回空。
我尝试了不同的生命周期钩子,试图将sort和正确分配paginator给 my dataSource,但它似乎不起作用:ngDoCheck(), ngAfterViewInit(), ngAfterViewChecked(), ngAfterContentInit()。显然,其中一些会导致无限循环。
我已经在我的组件中实现了我的dataSourceandpaginator和sortandfilterValue如下:
...
dataSource = new MatTableDataSource<Asset>();
displayedColumns = ['fleetNumber', 'make'];
constructor(private assetDataService: AssetDataService, private router: Router,
public dialog: MatDialog, public snackBar: MatSnackBar, private …Run Code Online (Sandbox Code Playgroud)