angular 创建服务

最新推荐文章于 2024-09-23 10:30:00 发布

转载最新推荐文章于 2024-09-23 10:30:00 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hibiscus-ben/p/10253947.html

文章标签：

#javascript #ViewUI

一：新建服务模块和服务文件

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);
  }
}

转载于:https://www.cnblogs.com/hibiscus-ben/p/10253947.html