在angular中使用假数据（mock）

前端有时候多个页面需要相同的数据，如果在ts文件里面写大量假数据，很长也容易混乱，用mock就会方便很多，
1、首先安装mock

yarn add @delon/mock -D

2、在app.module.ts文件的 imports:[ ] 中添加(第一步完成以后，系统会自动生成一个文件夹environment ）：

import { DelonMockModule } from '@delon/mock';
import * as MOCKDATA from '../../_mock';
import { environment } from '../environments/environment';
const MOCKMODULE = !environment.production ? [ DelonMockModule.forRoot({ data: MOCKDATA }) ] : [];

@NgModule({
  imports: [
    ...MOCKMODULE
  ]
})

3、在assets文件夹下面建一个json文件
（例如：我json文件的位置为 assets/mock/people.json）

[
  {
    "Sno": "S2435238532",
    "name": "张三",
    "age": "20",
    "birthday": "2019-08-29",
  }
]

4、在需要使用假数据的ts文件里面：

  get() {
    this.http.get('./assets/mock/people.json').subscribe((res: any) => {
      console.log('假数据', res);
      this.datas = res;
    })
  }