rangerListDataDirective.ts

@Directive({ selector: '[rangerListData]' })
export class RangerListDataDirective extends ConnectRequestDirective {
  constructor(private connect: ConnectService, @Optional() public host: NqConnectedComponent) {
    super(connect, host);
    this.config = Object.assign(
      {},
      // config object defining http request and how to store the response data in the local cache (i.e. ngrx store)
      createGetRangerListQuery(),
      { selector: rangerListSelector }
    );
  }
}