Angular 8 Таблица материалов с сортировкой работает нормально локально, но не с использованием Stackblitz / другого времени @ViewChild? - PullRequest
Новая
       44

Angular 8 Таблица материалов с сортировкой работает нормально локально, но не с использованием Stackblitz / другого времени @ViewChild?

2 голосов
/ 19 марта 2020

Для демонстрации я создал демонстрационную таблицу с широкими возможностями Angular 8 Material, которая отлично работает локально, но не на Stackblitz.

Deck Stackblitz

The демонстрация показывает в одной таблице

  • встроенное редактирование,
  • перетаскивание,
  • разбиение на страницы, (<- проблема с инициализацией в Stackblitz) </li>
  • сортировка и (<- проблема с Stackblitz) </li>
  • добавление / удаление данных.

Насколько я могу интерпретировать консоль, ошибка возникает из-за того факта, что компонент свойства, содержащие сортировку (this._sort) и разбиение на страницы (this._pagination), должны быть установлены с помощью @ViewChild (), но все еще не определены даже в ngAfterViewInit () {}.

Stackblitz Console

  • Ошибка: this._sort не определена
  • Ошибка: this._paginator не определена

Вопрос: есть идеи, почему он работает нормально локально, но не в Stackblitz. Я сделал ошибку, и запускать ее локально случайно?

1 Ответ

2 голосов
/ 20 марта 2020

Использование прямого импорта в ваш Stackblitz, кажется, решает ваши ошибки: 

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

Проверьте адаптированный Stackblitz .

...