一:新建服务模块和服务文件
ng g module services --spec=false ng g service services/quote --spec=false
二:在quote.service.ts中,可以用快捷方式新建初始服务。
ng-service
三:在services.module.ts中设置全局服务。
解释:
forRoot()的目的是在应用程序中使用单例服务。
forRoot()的意义是仅有一个由ModuleWithProviders导出的service实例。
如果没有forRoot()方法,如果你在模块的providers里面添加一个service并在多处用到这个module,那么你在这个应用的不同级都会实例化这个service。用forRoot(),它会创建这个service的新实例
import { NgModule, ModuleWithProviders } from '@angular/core'; import { QuoteService } from './quote.service'; @NgModule() export class ServicesModule { static forRoot():ModuleWithProviders{ return { ngModule:ServicesModule, providers:[QuoteService] } } }
四:在项目核心模块中引入服务模块。core/core.module.ts
ServicesModule.forRoot()
import { NgModule, Optional, SkipSelf } from '@angular/core'; import { HeaderComponent } from './header/header.component'; import { FooterComponent } from './footer/footer.component'; import { SidebarComponent } from './sidebar/sidebar.component'; import { SharedModule } from '../shared/shared.module'; import { MatIconRegistry } from '@angular/material'; import { DomSanitizer } from '@angular/platform-browser'; import { loadSvgsources } from '../util/util.svg'; import { AppRoutingModule } from '../app.route.module'; import { ServicesModule } from '../services/services.module'; @NgModule({ imports: [ SharedModule, AppRoutingModule, ServicesModule.forRoot() ], exports:[ SharedModule, HeaderComponent, FooterComponent, SidebarComponent ], declarations: [HeaderComponent, FooterComponent, SidebarComponent] }) export class CoreModule { constructor( @Optional() @SkipSelf() parent:CoreModule, ir:MatIconRegistry, ds:DomSanitizer ){ if(parent){ throw new Error('模块以及存在,不能再次加载'); } loadSvgsources(ir,ds); } }