小编Tim*_*don的帖子

@Viewchild 在 ngOnInit 期间未初始化

我在不同的组件中运行两个 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)

typescript angular-material viewchild ngoninit angular

8
推荐指数
1
解决办法
8254
查看次数