Angular 8 Material table 带排序在本地工作正常但在 Stackblitz 上不行/不同的@ViewChild 时间？

Question

出于演示目的，我创建了一个功能丰富的 Angular 8 Material table 演示，运行在本地很好，但在 Stackblitz 上不行。

Stackblitz demo

demo单曲放映table

• 内联编辑，
• 拖放，
• 分页，（<- 在 Stackblitz 上有初始化问题）
• 排序和（<- 在 Stackblitz 上有问题）
• add/remove数据。

就我对控制台的解释而言，错误源于这样一个事实，即包含排序 (this._sort) 和分页 (this._pagination) 的组件属性应由 @ViewChild 设置() 但即使在 ngAfterViewInit(){} 中仍未定义。

Stackblitz 控制台

• 错误：this._sort 未定义
• 错误：this._paginator 未定义

问题：知道为什么它在本地运行良好，但在 Stackblitz 上却不行。我是不是做错了，在本地 运行 只是偶然？

Answer 1

在您的 Stackblitz 中使用直接导入似乎可以解决您的错误：

import { MatSortModule } from '@angular/material/sort';
import { MatPaginatorModule} from '@angular/material/paginator';

检查改编Stackblitz.