Angular - 使用来自另一个模块的组件

Question

我在合同模块中有一个组件 contractDetails，我想在另一个模块中使用这个组件

我试图导出 contractDetails 组件，但出现此错误

如果 'contract-details' 是一个 Angular 组件，那么验证它是否是这个模块的一部分。

合约模块.ts

 @NgModule({
        imports: [
            CommonModule,
            ContractRoutingModule
        ],
        exports: [
            ContractDetailsComponent
        ],
        declarations: [
            ContractDetailsComponent
        ]
    })
    export class ContractModule { }

合同详细信息.component.ts

@Component({
        selector: 'contract-details',
        templateUrl: './contract-details.component.html'
    })
    export class ContractDetailsComponent {

    }

组织模块.ts

@NgModule({
    imports: [
        CommonModule,
        OrganizationRoutingModule
    ],
    declarations: [
        OrganizationDetailsComponent
    ]
})
export class OrganizationModule { }

组织-details.component.ts

@Component({
    templateUrl: './organization-details.component.html',
    styleUrls: ['./organization-details.component.scss']
})
export class OrganizationDetailsComponent {
}

组织详细信息.component.html

<contract-details></contract-details>

Answer 1

OrganizationModule需要导入ContractModule才能使用ContractDetailsComponent 。 OrganizationModule定义应该是：

@NgModule({
  imports: [
    CommonModule,
    OrganizationRoutingModule,
    ContractModule,
  ],
  declarations: [
    OrganizationDetailsComponent
  ]
})
export class OrganizationModule { }