相关疑难解决方法(0)

Angular mat-table dataSource.paginator 和 dataSource.sort 和 dataSource.filter 没有按预期工作

更新:将代码更改为立即调用并分配dataSource,但我仍然遇到相同的结果,除了sourceData.paginator正在工作。在sourceData.filtersourceData.sort仍然没有工作。

请注意:我没有收到任何错误,因为错误与现在正在工作的分页器有关。此外,它可能与我的数据格式有关,因此包含一些数据作为示例。请注意,我response.data用于将数据分配给源,然后{{asset.Data.FleetNumber}}用于显示字段。

我对 Angular 5 和 Angular Material 很陌生。我正在努力实施mat-table dataSource paginatorandsortfilterValue

我收到以下错误:(已解决

类型错误:无法设置未定义的属性“分页器”

而且我的过滤器不起作用。当我在过滤器字段中键入第二个字符后,我的列表返回空。

我尝试了不同的生命周期钩子,试图将sort和正确分配paginator给 my dataSource,但它似乎不起作用:ngDoCheck(), ngAfterViewInit(), ngAfterViewChecked(), ngAfterContentInit()。显然,其中一些会导致无限循环。

我已经在我的组件中实现了我的dataSourceandpaginatorsortandfilterValue如下:

...
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)

angular-material angular

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

angular-material ×1