Узел дерева матов в модальном всплывающем окне

Question

В моем приложении я хочу создать модальное всплывающее окно.Я получаю ошибки, когда ссылаюсь на компонент с mat tree.В консоли я вижу следующие ошибки Could not find a tree control for the tree и несколько There can only be one default row without a when predicate function..

Модал работает, если я ссылаюсь на другой компонент без mat tree.

Я использовал примеры из угловыхматериал и у меня та же проблема в моей заявке.Я вижу только кнопку для всплывающего модального.Нажмите на кнопку Pick One, чтобы увидеть всплывающее окно.

https://stackblitz.com/edit/angular-uzh1tt

В примере обзора диалога модальный компонент компонента работает с dialog-overview-example-dialog selector and template url.Он не работает с tree flat.

Я хочу увидеть модальное всплывающее окно с матовым деревом со всеми развернутыми узлами.

Answer 1

Это не имеет ничего общего с вашим фактическим управлением деревом, но с тем, как вы пытались получить к нему доступ.

Измените свой код на

const dialogRef = this.dialog.open(TreeFlatOverviewExample, {
      width: '250px'
    });

и import { TreeFlatOverviewExample } from './tree-flat-overview-example';

Вы пытались открыть компонент, который вы определили в нижней части кода, а не TreeFlatOverviewExample. В этом компоненте вы пытались загрузить html-компонент вашего дерева, который на самом деле работал, но он загружал только html. Вам также нужно было загрузить связанный машинописный текст. Вот почему в ваших сообщениях об ошибках говорилось, что не удалось найти переменную машинописного текста treeControl.