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

相关文章推荐

空虚的南瓜 · 如何使用AWSS3SDK访问OSS_对象存储 ...· 1 月前 ·

谦和的跑步鞋 · 特殊类设计及单例模式（C++） - ...· 1 月前 ·

谦虚好学的脸盆 · C++：谈谈单例模式的多种实现形式-阿里云开 ...· 1 月前 ·

腼腆的饼干 · array（C++/CLI 和 ...· 1 月前 ·

多情的黑框眼镜 · CHOOSEFONTA ...· 2 周前 ·

爱吹牛的台灯 · mysql查询结果作为临时表 - CSDN文库· 7 月前 ·

兴奋的铅笔 · 如何对稀疏体素八叉树(SVO)进行三角剖分- ...· 8 月前 ·

安静的火柴 · Stomp on Spring ...· 8 月前 ·

无邪的作业本 · ORACLE分组排序后获取第一条和最后一条值 ...· 1 年前 ·

谦逊的书包 · DialogFragment踩坑记-腾讯云开 ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 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',

推荐文章

空虚的南瓜 · 如何使用AWSS3SDK访问OSS_对象存储(OSS)-阿里云帮助中心

1 月前

谦和的跑步鞋 · 特殊类设计及单例模式（C++） - shawyxy

1 月前

谦虚好学的脸盆 · C++：谈谈单例模式的多种实现形式-阿里云开发者社区

1 月前

腼腆的饼干 · array（C++/CLI 和 C++/CX） | Microsoft Learn

1 月前

多情的黑框眼镜 · CHOOSEFONTA （commdlg.h） - Win32 apps | Microsoft Learn

2 周前

爱吹牛的台灯 · mysql查询结果作为临时表 - CSDN文库

7 月前

兴奋的铅笔 · 如何对稀疏体素八叉树(SVO)进行三角剖分-腾讯云开发者社区-腾讯云

8 月前

安静的火柴 · Stomp on Spring WebSocket 有种端到Topic下指定用户通信的通信模式：给特定的用户发送消息，例如默认的/user前缀下，客户端可以订阅/user/topic/chat表明监听

8 月前

无邪的作业本 · ORACLE分组排序后获取第一条和最后一条值 - 一心二念 - 博客园

1 年前

谦逊的书包 · DialogFragment踩坑记-腾讯云开发者社区-腾讯云

1 年前

回答 2

Stack Overflow用户