angular8中如何使用子组件？

Question

App
├── ...
└── recruit
    ├── ...
    ├── recruit.module
    └── job
        ├── job.component.html
        ├── ...
        └── component
            ├── ...
            ├── recruitment-child
            └── detail
                ├── ...
                └── recruit-detail-modal
                    ├── ...
                    ├── recruit-detail-modal.component.html
                    └── profile
                        └── profile.component.html

我是 Angular 的新手，遇到了问题。

我的应用是这样的。我在 recruit.module 中声明的所有内容。 job.component.html 中的 recruitment-child。我正常调用。

<div *ngFor="let recruitment of recruitments">
   <app-recruitment-child [recruitment]="recruitment"></app-recruitment-child>
</div>

但我无法在 recruit-detail-modal.component.html 中调用 profile.component.html。

<nz-tab>
   <recruit-detail-profile></recruit-detail-profile>
</nz-tab>

它注意到：

'recruit-detail-profile' is not a known element:

If 'recruit-detail-profile' is an Angular component, then verify that it is part of this module.

If 'recruit-detail-profile' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

我想我应该在recruit-detail-modal中添加一个模块并声明recruit-detail-profile组件

但是我该怎么办呢？

Answer 1

您需要导出模块中的组件

@NgModule({
    declarations: [RecruitDetailProfile],
    imports: [
        CommonModule
    ],
    exports: [RecruitDetailProfile]
})

angular8中如何使用子组件？

How to use child component in angular 8?

angular