angular 12 singleton service

angular 12 中单例 Service 的使用

service 写法

import { Injectable } from '@angular/core';

@Injectable({
    providedIn: 'root',
})
export class SearchService {

}

12345678

providedIn: 'root' 表明当前 service 为全局有效的单例模式

注册 service

必须在 AppModule 注册，或者在任意一个 module 中注册。

但是需要注意，这个 module 只能导入一次，

例如：有一个 module ThemeModule 为公共核心组件，很多其他 module 都会依赖她，

导致很多地方都使用了

imports: [
    ...,
    ThemeModule,
    ...
]

12345

进行导入

而单例 service SearchService 是注册在 ThemeModule 中的，

这样就会导致单例不生效，每一个 SearchService 都不同，

这是可以给 ThemeModule 增加一个方法 forRoot()

export class ThemeModule {
    static forRoot(): ModuleWithProviders<ThemeModule> {
        return {
            ngModule: ThemeModule,
            providers: [
                SearchService,
            ]
        };
    }
}

12345678910

把 SearchService 仅注册到 forRoot() 中。

然后在 AppModule 中导入 ThemeModule

@NgModule({
    ...
    imports: [
        ...,
        ThemeModule.forRoot(),
        ...
    ],
    ...
})
export class AppModule

12345678910

这样就能生效

转载请保留原文链接： https://zodream.cn/blog/id/209.html

Cookie	有效期	说明
cookie_policy	11个月	Cookie 插件设置 Cookie 的目的是存储用户对使用 Cookie 的同意；它不会存储任何个人数据。
PHPSESSID	11个月	用于绑定用户登录凭证的 Cookie 标识
XSRF-TOKEN	11个月	用于防止跨站脚本攻击的 Cookie 标识