import {NgModule} from '@angular/core';
import {BackendService} from './backendservice';
import {VSBackendModule} from 'ng2-vs-backend';

@NgModule({
  imports: [VSBackendModule],
  providers: [
    BackendService, // this extends BackendBaseService
  ]
})
export class YourModule {
  constructor(backendService: BackendService) {
    backendService.init(); // initialize now!
  }
}

import {BackendBaseService, ParsedRequest} from 'ng2-vs-backend';
import {Injectable} from '@angular/core';
import {MockBackend} from '@angular/http/testing';
import {
  BaseRequestOptions,
  ResponseOptions,
  Headers,
  XHRBackend,
  RequestOptions,
} from '@angular/http';

@Injectable()
export class BackendService extends BackendBaseService {
  constructor(
    public backend: MockBackend,
    public options: BaseRequestOptions,
    public realBackend: XHRBackend
  ) {
    super(backend, options, realBackend);
  }

  init(): void {
    super.init();
    // just return a value
    let countries: any[] = [
      {id: 1, label: 'Spain'},
      {id: 2, label: 'France'},
    ];
    this.addValue('GET', '/api/v1/countries', countries);

    this.addValuePaginated('GET', '/api/v1/countries2', countries);

    // handle request yourself, for example to update a country
    backendService.addListener('POST', /\/api\/v1\/country\/(.*)/, (p: ParsedRequest, matches: string[]) => {
      // matches is the result of the RegExp sent
      let id: number = parseInt(matches[1], 10);

      countries[id].label = body.label;

      return new ResponseOptions({
        status: 204
      });
    });
  }
}