Angular如何重新初始化单例服务开发者社区

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

狂野的投影仪 · 将文本分析为 JSON 或 XML - ...· 1 周前 ·

打篮球的煎饼 · 多条件高级筛选搭配VBA_哔哩哔哩_bili ...· 1 年前 ·

健身的小笼包 · 管理和解决Azure ...· 1 年前 ·

好帅的抽屉 · ELK日志分析系统部署。_51CTO博客_e ...· 2 年前 ·

神勇威武的滑板 · 【从入门到提桶】package.json ...· 2 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

app.module.ts
@NgModule({
  declarations: [
    AppComponent,
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    FormsModule,
      RouterModule.forRoot([
        { path: '', loadChildren: () => import('./site/site.module').then(u => u.SiteModule) },
        { path: 'designer', loadChildren: () => import('./designer/designer.module').then(u => u.DesignerModule), canActivate: [AuthGuard] },
        { path: 'signin', loadChildren: () => import('./login/signin/signin.module').then(u => u.SigninModule) },
        { path: 'signup', loadChildren: () => import('./login/signup/signup.module').then(u => u.SignupModule) },
    BrowserAnimationsModule,
    StoreModule.forRoot(reducers, {
      metaReducers,
      runtimeChecks: {
        strictStateImmutability: true,
        strictActionImmutability: true,
  providers: [
    ScriptService,
    ComponentLoadService,
    MessagingService,
    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
  bootstrap: [AppComponent],
export class AppModule { }
designer.module.ts
@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([
      { path: ':id', component: DesignerComponent }
    AngularSplitModule.forRoot(),
  declarations: [
     DesignerComponent,
     DesignerMenuComponent,
  providers: [
    ProjectService,
export class DesignerModule { }
project.service.ts
@Injectable()
export class ProjectService{
   private historyModule: ProjectUndoRedo[] = []; // This value still hold old data after going to another page and coming back. I want this service to be reinitialized
designer.component.ts
export class DesignerComponent{
   constructor(public projectService: ProjectService) {
      // When this constructor is called, projectSerivce instance is the old instance.
designer-menu.component.ts
export class DesignerMenuComponent{
   constructor(public projectService: ProjectService) {
      // When this constructor is called, projectSerivce instance is the old instance.
}

@NgComponent({
    selector: 'app-designer',

回答 2

Stack Overflow用户