@calle/ng2-request-manager

ng2-request-manager

Angular 2 REST Request manager

Install

• npm install --save @calle/{ng2-request-form,ng2-browser-storage,ng2-table,ng2-request-manager}
• Also need @ngrx/store to work
• Set up ng2-browser-storage first and add a browser storage param for this app
• Use in your app.module.ts:

import {
  provideRequestManager,
  RequestManagerModule
} from '@calle/ng2-request-manager'
...
@NgModule({
  ...
  imports: [
    RequestManagerModule
    ...
  ]
  ...
  providers: [
    // NOTE it's the key without the co-browser-storage namespace here
    provideRequestManager('requestManagerConfig')
    ...
  ]
  ...
})

• co-browser-storage.config:

export const REQUEST_MANAGER_CONFIG = 'requestManagerConfig'
...
{
  key: REQUEST_MANAGER_CONFIG,
  value: '{"requests":[]}',
  storageType: 'localStorage',
  valueType: 'text'
}
...

• some.component.ts:

Note that listHeight is optional

import {Component, ViewChild} from '@angular/core'

@Component({
  selector: 'app',
  template: `
    <request-manager
      [listHeight]="'300px'">
      <button type="button" class="btn btn-success btn-block" (click)="makeRequest()">
        Make request
      </button>
    </request-manager>
  `
})
export class AppComponent {
  @ViewChild(RequestManagerComponent) requestManagerComponent: RequestManagerComponent

  public makeRequest () {
    let params = this.requestManagerComponent.requestFormComponent.request()
    console.log(params)
  }
}

Develop

• npm install
• npm run typings
• npm run watch
• npm start
• Open browser and navigate to localhost:3000