如何在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

在用户组件模板的内部使用连接组件的选择器标记。

如果连接组件采用任何@Input参数，则在另一个组件中使用它时，请确保提供这些参数。

注意-如果两个组件都在同一模块中声明，则可以使用

您可以参考this video tutorial。

Answer 2

在user.component.ts中，您可以

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