Как создать вложенные компоненты в Angular 8

Question

У меня есть угловое приложение, которое имеет следующую структуру

|— src
    |— app
        |— user
            |— collection
                |— collection.component.html
                |— collection.component.scss
                |— collection.component.ts
            |— user.component.html
            |— user.component.scss
            |— user.component.ts
    ...

Как я могу указать на компонент сбора прямо из пользовательского компонента?

Answer 1

В вашем user.component.ts вы можете

import { CollectionComponent } from './collection/collection.component'

Answer 2

Используйте тег селектора компонента соединения внутри шаблона пользовательского компонента.

Если компонент соединения принимает какие-либо параметры @Input, убедитесь, что предоставили их при использовании его внутри другого компонента.

Примечание. Это работает, если оба компонента объявлены в одном и том же модуле.

. Вы можете обратиться к этому видеоуроку .