这是因为默认情况下Angular会将每个组件、服务和模块添加三次到应用程序中。这样做的原因是为了提高性能,以便在需要使用时可以快速获取它们的实例。 如果您不希望出现多个实例,可以将该组件、服务或模块添加到app.module.ts文件中的提供程序数组中。
示例代码: app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { MyService } from './my.service';
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule ], providers: [MyService], // 添加服务 bootstrap: [AppComponent] }) export class AppModule { }