美文网首页程序员
Angular 使用In memory api 来模拟httpc

Angular 使用In memory api 来模拟httpc

作者: 柳源居士 | 来源:发表于2018-10-10 00:22 被阅读129次

先简单说一下使用流程:

  1. 导入
    在项目根模块内(通常是app.module.ts)导入依赖:
    import { HttpClientModule, HttpClient } from '@angular/common/http';
    import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
  2. 定义服务
    创建模拟库,需要 继承InMemoryDbService接口,
    创建一个服务“in-memory-data.service.ts”
import { InMemoryDbService } from 'angular-in-memory-web-api';

export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    const a=[];
    const b=[];
    return {a,b}
  }
}

这里的写法a、b是模拟多个数据集合。

  1. 在根模块里导入定义好的InMemoryDataService
import { InMemoryDataService }  from './models/in-memory-data.service';
imports: [
    HttpClientModule,
    HttpClientInMemoryWebApiModule.forRoot(
      InMemoryDataService, { dataEncapsulation: false }
    )
  ]

这样,在别的服务里就可以使用了。在http.get(url)可以有下面等多种调用。

urla ="api/a",
urlb ="api/b"
urlaId ="api/a/1",
urlbId ="api/b/1"
urlap ="api/a/?property=",
urlbp ="api/b/?property=^"

相关文章

网友评论

    本文标题:Angular 使用In memory api 来模拟httpc

    本文链接:https://www.haomeiwen.com/subject/ttyuaftx.html