angular——公共服务

公共服务

• 创建公共服务

# 在 services 目录下创建 storage 服务
ng g service services/stroage

• 配置服务
  在 app.module.ts 下

// 引入配置服务
import { StorageService } from './services/storage.service'
providers: [
  StorageService
],

公共方法

• 创建公共方法
  在 storage.service.ts 下

export class StorageService {
  func() {
    console.log('this is service');
  }
}

• 使用
  在所调用的组件下

// 引入服务
import { StorageService } from '../../services/storage.service'
constructor(public storage: StorageService) {
  this.storage.func() // this is service
}

公共变量

• 创建公共方法
  在 storage.service.ts 下

export class StorageService {
  str: string

  set (val) {
    this.str = val
  }

  get () {
    return this.str
  }
}

• 使用
  在所调用的组件下

// 引入服务
import { StorageService } from '../../services/storage.service'
constructor(public storage: StorageService) {
    this.storage.set('str')
    console.log(this.storage.get()) // str
}