angular - 重用 Angular 组件

Question

给定以下树结构，我正在尝试重用 Angular 组件

我需要的组件称为现有储蓄，它存在于转移指南中。我想在退休供款信息中使用现有储蓄

我该怎么办？

目前我收到此错误 compiler.js:1021 Uncaught Error: Template parse errors: 'app-existing-savings' is not a known element: 1. 如果 'app-existing-savings' 是 Angular 组件，则验证它是本模块的一部分。

标签： angular

Answer 1

在这种情况下，您意识到这existings-savings是一个共同的功能/组件，换句话说，您在多个地方都需要它。每当这种情况发生时，这意味着您应该将您的共同特征移到上层并使其成为自己的模块。

我建议您创建一个新模块，称为existings-savings只有一个组件将存在的地方（这种模式称为 SCAM for Single Component Angular Module）并将其放在shared我相信的文件夹中（或您放置可共享内容的任何文件夹）。然后，你将注入ExistingsSavingsModule你的RetirementContributionsInformationModule，它将允许你使用existings-savings组件。

另外，不要忘记像这样在数组中导出existings-savings组件：exportsExistingsSavingsModule

@NgModule({
    exports: [ExistingsSavingsComponent],
    declarations: [ExistingsSavingsComponent]
})
export class ExistingsSavingsModule{}