如何在 angular 中自定义 fake-db 功能

Question

How to use fake-db feature (I'm using this ) in angular that support the api with response like below. For getting the list

// GET 'api/outlets'
{
  data: [
    {'id':1, 'name': 'Outlet 1', ... },
    {'id':2, 'name': 'Outlet 2', ... },
    {'id':3, 'name': 'Outlet 3', ... },
  ],
}

For getting the detail

// GET 'api/outlets/2'
{
  data: {
    'id':2, 
    'name': 'Outlet 2', 
    ... 
  }
}

Answer 1

you can use json-server for that. you just need to create fake json whatever you want in one json file and follow the steps just like mentioned here

https://github.com/typicode/json-server

Answer 2

See this Angular mock services stackblitz example

import { Injectable } from '@angular/core';
import { customerList } from "../data/data";
import { Customer } from "../model/Customer";

@Injectable()
export class GetAllCustomersService {

  customerList: Customer[] = customerList;
  constructor() { }

  getAllCustomers() {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        const data = { res: this.customerList };
        resolve(data);
      }, 2000);
    });
  }
}

Answer 3

Found the config for in-http-memory. Set dataEncapsulation to true .

HttpClientInMemoryWebApiModule.forRoot(
    InMemoryDataService, { 
        dataEncapsulation: true, 
        ...
    }
),