ViewChild возвращает неопределенное использование общих компонентов
Я пытаюсь загружать компоненты динамически в Angular, но с использованием общего компонента.
В примере документации для динамической загрузки ( https://stackblitz.com/angular/qxeyaemprlm из https://angular.io/guide/dynamic-component-loader) они имеют все файлы в корневой папке. Но я хочу, чтобы эти файлы были в общей папке, чтобы использовать их в нескольких модулях. Поэтому я добавил shared.module.ts и shared.component.ts, которые используют динамическую загрузку. Мой пример: https://stackblitz.com/edit/angular-8kgkyg
Для сравнения на главной странице показан компонент из корневой папки и общий компонент. Но в разделяемом компоненте (который я считаю правильно импортированным) viewchild возвращает "undefined". Изображение главной страницы
Код для общего компонента практически одинаков. Фактически, если вы объявите мой общий компонент в app.module.ts вместо shared.module.ts, оба компонента будут работать отлично. Зачем? Я неправильно импортирую модуль?
Спасибо.