angular的service服务使用

一、service服务（当vueX使用）

1. ng g s service/search
2. 服务组件：search.service.ts

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

@Injectable({
  providedIn: 'root'
})
export class SearchService {
  name:string = 'kk'
  constructor() { }

  public getName():string{
    return this.name
  }
  public setName(v:string):void{
    this.name = v
  }
}

3. 组件使用service

// ts文件
// 导入服务
import {SearchService} from '../service/search.service'   ---①
// 注入服务
constructor(public SearchService:SearchService) { }   ---②注入

// html文件使用
{
  {SearchService.name}}  ---③
<button (click)="SearchService.setName('子')">子组件按钮</button>

---

二、第二种方法使用service

1.定义获取user服务- user.service.ts