В angular есть две очень похожие именованные директивы (или атрибуты).
ng-component и ng-container
Если вы поместите ng-component вместо ng-container, вы получите все виды странного поведения, например автоматическую вставку <router-outlet>.
Я часто задавался вопросом, есть ли на самом деле цель для ng-component в пользовательском коде.
Это наследие? Это только внутреннее? Решает ли это какие-либо проблемы?
Маршрутизаторы Angular отображают компоненты, к которым они перешли, используя директиву выхода маршрутизатора. Если не указана конкретная директива выхода маршрутизатора, Angular автоматически поместит маршрутизируемый компонент в элемент <ng-component> (т. е. директиву выхода маршрутизатора по умолчанию). Обычно вы не используете эту директиву напрямую. Вы бы вызвали его, используя элемент <router-outlet>. Другими словами, ng-component — это имя тега по умолчанию для внедренного элемента, если не указана другая директива.
Так что да, он обычно используется внутренне. Как указано здесь:
Вы можете прикрепить стили к селектору «ng-component»; однако, учитывая тот факт, что родительский компонент может содержать несколько элементов router-outlet (для именованных и неименованных представлений), предоставление уникального локального дескриптора сделало бы селекторы CSS немного более интуитивно понятными.
Не уверен, почему это когда-либо было бы выгодно, но оказывается, что если вы не укажете имя селектора, ваш компонент будет отображаться в тегах ng-component в HTML.
@Component({ selector: '' })
