Таблица матов не сортируется после изменения вида

Question

У меня есть ngIf, который меняет представление о клике на экране продуктов.Исходное представление - это данные в матричной таблице, но как только вы нажмете кнопку добавления продукта и [отменить / добавить продукт / редактировать продукт] вернетесь к представлению таблицы, оно больше не сортируется.

У меня естьпопытался добавить дочерний вид, чтобы увидеть, смогу ли я сделать рендеринг строк после добавления, но без кубиков.

КОД: https://stackblitz.com/edit/angular-wez8lh

(Пожалуйста, извините за ужасный CSS)

Есть ли способ заставить его сортировать снова после [добавить / редактировать / отменить], не помещая форму в другой путь или всегда показывая ее?

Answer 1

ЗДЕСЬ РАБОТАЮЩИЙ ШТИКБЛИЦ
У вас проблема с * ngIf в селекторе мат-таблицы.Если вы проверите эту сортировку, вы увидите, что она не определена.Это работает:

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

  }
}