1-6service

安装插件
Angular Files

一、生成服务

ng g service services/common

二、配置服务

在app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
...
import {CommonService} from './services/common.service'
@NgModule({
 ..
  providers: [CommonService],
  ...
})

三、组件中使用服务

//服务的代码
import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class CommonService {
  public defaultCity:string = "武汉"
  constructor() { }
}

在组件中使用

import { Component, OnInit } from '@angular/core';
import {CommonService} from '../../services/common.service'   //注册
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  constructor(public common:CommonService) { }  // 配置
  ngOnInit() {
    console.log(this.common.defaultCity)  //使用
  }
}