Диалог не работает в угловом материале

Question

Я пытаюсь использовать dialog из углового материала.Я пытаюсь реализовать 1-й пример, приведенный на странице: URL-адрес Angular Material Вот URL-адрес Stackblitz для примера, приведенного на приведенной выше странице: Пример, упомянутый на веб-сайте Angular Material

Единственное изменение, которое я сделал, - это то, что я переместил компонент диалога в отдельную папку.Но диалоговое окно не открывается должным образом и данные не отображаются.Вот ссылка на мою работу от Stackblitz: Моя реализация

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

Answer 1

объявляйте это вместе с enrtyComponents в вашем main.ts:

...
entryComponents: [DialogOverviewExample, DialogComponentComponent],
...

здесь подробное объяснение.

Answer 2

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

ERROR
Error: No component factory found for DialogComponentComponent. Did you add it 
to @NgModule.entryComponents?

Чтобы исправить это, необходимо добавить компонент, отображаемый в диалоговом окне, в коллекцию entryComponents вapp.module.ts (или файл main.ts в Stackblitz):

entryComponents: [DialogOverviewExample, DialogComponentComponent],

Это необходимо, поскольку компоненты, отображаемые в диалоговом окне, не упоминаются в шаблоне через компонент компонента.селектор.Поскольку компонент диалогового окна Material ссылается на отображаемый компонент по типу, Angular необходимо знать, что этот компонент по-прежнему должен быть загружен, а не уничтожен во время компиляции. В угловых документах есть подробности о entryComponents, если вам интересно .