Я играю с угловым дизайном материала и заметил что-то странное.У меня есть простое приложение с маршрутизатором, одним компонентом входа и двумя общими модулями:
- модуль проектирования материалов (импорт / экспорт всех компонентов проектирования материалов)
- модуль пользовательских компонентов (импорт / экспорт всех)пользовательские компоненты, в моем случае это только один)
Общие модули импортируются в маршрутизатор.Когда компонент «Вход» экспортируется из модуля проектирования материалов, кнопка «Вход» отображается правильно.Проблема заключается в том, что при экспорте компонента «Вход» из модуля пользовательских компонентов кнопка входа не отображается как компонент дизайна материала.
Я подготовил два примера стекаблица, чтобы проиллюстрировать это:
https://stackblitz.com/edit/angular-mat-ok?embed=1&file=src/app/app.component.ts - здесь кнопка стилизована как кнопка дизайна материала.
https://stackblitz.com/edit/angular-mat-not-ok?embed=1&file=src/app/app.component.ts - здесь кнопка отображается как обычная, не стилизованная кнопка.
Может кто-нибудь сказать мнепричина, по которой кнопка не отображается правильно при импорте из модуля пользовательских компонентов?Я собирался использовать этот модуль для группировки и распространения пользовательских компонентов в приложении.