更改路线物料表闪烁时

时间:2019-11-06 11:14:02

标签: angular angular-material ngrx-store

我使用ngrx@store处理数据,还使用angular material table显示数据,包括搜索,分页等...

在表加载时,我显示一条消息,请稍等... ,然后,通常在表pagesize="10"中的表中获取数据。我从ngrx @ store获得此数据

当我沿任何路线行驶时,又带着表格返回此页面,表格闪烁并显示所有数据(超过100个项目),半秒后,它们以{{1}返回正常状态}

这是我如何从pagesize="10"上的状态获取数据

ngOnInit(){...}

在定义构造函数之前

this.store.dispatch(new fromStore.UserActions.LoadUsers());
this.users$ = this.store.select(fromStore.UserSelectors.getUsersAll);
this.users$.pipe(takeUntil(this.destroy$)).subscribe(user => { 
  this.dataSource.data = user;
  this.dataSource.sort = this.sort;
  this.dataSource.paginator = this.paginator;
}

我在这里显示加载消息

 @ViewChild(MatPaginator, { static: false }) paginator: MatPaginator;
 @ViewChild(MatSort, { static: false }) sort: MatSort;

0 个答案:

没有答案