我在不同的组件中运行两个 MatTables,其中包含来自不同 observable 的数据源。我的一个表排序功能工作正常,但在我的第二个表上,似乎 MatSort 的 @ViewChild 在 ngOnInit 期间没有初始化。
数据呈现,材料表有排序按钮,但功能无所谓。检查了我的导入和模块,一切都很好。
在记录 MatSort 时,一个组件记录一个 MatSort 对象,另一个未定义
排序不起作用。
Feed.component:
import { PostService } from './../../services/post.service';
import { Post } from './../../models/post';
import { Component, OnInit, ViewChild, ChangeDetectorRef} from
'@angular/core';
import { MatSort, MatTableDataSource, MatCheckbox, MatPaginator,
MatTabChangeEvent, MatDialog, MatDialogActions, MatTable} from
"@angular/material"
export class FeedComponent implements OnInit {
@ViewChild(MatSort) sort: MatSort;
@ViewChild(MatPaginator) paginator: MatPaginator;
postData: Post[] =[];
dataSource : MatTableDataSource<any>
currentUser = JSON.parse(localStorage.getItem('user'))
displayedColumns:string[] = ['User','Title', "Description",
"Contact" ]
posts = this.ps.getPosts(); …Run Code Online (Sandbox Code Playgroud)