问题描述: 在Angular 8中,当我在一个组件中调用一个共享组件时,它会被调用两次。我想知道如何解决这个问题。
解决方法:
下面是一个示例,展示了如何在Angular中解决这个问题:
import { NgModule } from '@angular/core';
import { SharedModule } from './shared/shared.module';
@NgModule({
declarations: [
AppComponent,
],
imports: [
SharedModule,
// other imports
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
import { NgModule } from '@angular/core';
@NgModule({
declarations: [
ChildComponent,
// do not include the shared component here
],
imports: [
// other imports
]
})
export class ChildModule { }
通过遵循上述步骤,你可以确保共享组件只被调用一次,避免了被调用两次的问题。