视图更改后垫表未排序

Question

我有一个ngIf，可在产品屏幕上单击以更改视图。初始视图是mat表中的数据，但是一旦单击“添加产品”按钮并单击[取消/添加产品/编辑产品]，将返回表视图，它将不再进行排序。

我尝试添加子视图，以查看添加后是否可以渲染行，但没有骰子。

代码： https://stackblitz.com/edit/angular-wez8lh

（请原谅可怕的CSS）

是否有一种方法可以使它在[添加/编辑/取消]之后再次排序，而无需将表单放在其他路径中或始终显示它？

Answer 1

HERE IS A WORKING STACKBLITZ
您遇到的问题是mat-table选择器中的* ngIf。如果选中this.sort，您将看到它是未定义的。这有效：

@ViewChild(MatSort) set content(content: ElementRef) {
  this.sort = content;
  if (this.sort){
     this.dataSource.sort = this.sort;

  }
}