Angular

Chapter 33: Angular 2 In Memory Web API
Section 33.1: Setting Up Multiple Test API Routes
mock-data.ts
export class MockData {
createDb() {
let mock = [
{ id: '1', name: 'Object A' },
{ id: '2', name: 'Object B' },
{ id: '3', name: 'Object C' }
];
let data = [
{ id: '1', name: 'Data A' },
{ id: '2', name: 'Data B' },
{ id: '3', name: 'Data C' }
];
}
}
return { mock, data };
Now, you can interact with both app/mock and app/data to extract their corresponding data.
Section 33.2: Basic Setup
mock-data.ts
Create the mock api data
export class MockData {
createDb() {
let mock = [
{ id: '1', name: 'Object A' },
{ id: '2', name: 'Object B' },
{ id: '3', name: 'Object C' },
{ id: '4', name: 'Object D' }
];
}
}
return {mock};
main.ts
Have the dependency injector provide the InMemoryBackendService for XHRBackend requests. Also, provide a
class that includes a createDb() function (in this case, MockData) specifying the mocked API routes for SEED_DATA
requests.
import { XHRBackend, HTTP_PROVIDERS } from '@angular/http';
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api';
import { MockData } from './mock-data';
import { bootstrap } from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
GoalKicker.com – Angular 2 Notes for Professionals 127