在上個章節中，完成了記憶體Web API(In-memory Web API)的Service及資料的建立，接下來，就來先修改資料的列表。

在原來的employeeservice.service.ts中程式，原程式如下：

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

// 引用資料類別
import { Employeeinfo } from './employeeinfo';
// 引用資料
import { employeelist } from './employeelist';

@Injectable({
  providedIn: 'root'
})
export class EmployeeserviceService {

  constructor() { }

  // 回傳員工資料
  getEmployee(): Observable<Employeeinfo[]> {
    return of(employeelist);
  }

  // 依id，取得所屬的員工資料
  getEmployeeinfo(id: number): Observable<Employeeinfo> {
    return of(employeelist.find(employeeinfo => employeeinfo.id === id));
  }
}

首先，就要先import相關HttpClient、HttpHeades、catchError等類別。在@Injecttable關鍵字之前，先設定httpOptions。

const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

把HttpClient注入到constrcutor中的 http的私有屬性中。

  constructor(
    private http: HttpClient) { }

做好上述的修改，下一個篇章，就來列修改列表的功能及增加Error的處理。