如何在 Angular 8 中创建和指向嵌套组件

Question

我有一个 Angular 应用程序，它具有以下结构

|— 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'