如何在angular2中的子模塊組件中使用父模塊組件

Question

我有標題，應該在子模塊和父模塊中使用。這是在父模塊中導入和使用但是當嘗試導入和使用子組件時它顯示錯誤。我的意思是如何使用父模塊和子模塊的公共標頭

未捕獲（承諾）：錯誤：

類型HeaderComponent是2個模塊的聲明的一部分：AppModule和ProviderModule！ 請考慮將HeaderComponent移動到導入AppModule和ProviderModule的更高模塊。

您還可以創建一個新的NgModule，它導出並包含HeaderComponent，然后在AppModule和ProviderModule中導入該NgModule。

Answer 1

您應該創建一個包含要使用的組件的共享模塊，導出這些組件，然后在其他模塊中導入共享模塊（對於您的案例，可以導入父模塊和子模塊）。

共享模塊：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedComponent1 } from "./SharedComponent1";
import { SharedComponent2 } from "./SharedComponent2";

@NgModule({
imports: [
    CommonModule
],
declarations: [
    SharedComponent1,
    SharedComponent2
],
exports: [
    SharedComponent1,
    SharedComponent2
]
})
export class SharedModule {}

使用共享模塊：

import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';
...
import { SharedModule } from './SharedModule';

@NgModule({
imports: [
    CommonModule,
    ...
    SharedModule
],
declarations: [
    ...
],
providers: [
    ...
]
})
export class AppModule{}

Answer 2

如果您可以共享代碼和指定的錯誤，那就太棒了。

根據我的理解，您基本上希望將一些數據從父組件傳遞到其子組件。

為此，您需要使用@Input將父參數傳遞給子級。

組件父和子之間的交互

如果有幫助，請告訴我