problem with adding httpheaders

[BehnamAbdy]

hi i want the ngautocomplete to sent a custom httpheader while calling the api but it doesnt send the added header, here is the code i use:

public dataService: RemoteData;

constructor(private completerService: CompleterService) { this.dataService = completerService.remote(some url, 'label', 'label'); let options = new RequestOptions({ headers: new Headers() }); options.headers.set('api-key', 'some credentials'); this.dataService.requestOptions(options);
}

<ng2-completer [(ngModel)]="partTerm" [ngModelOptions]="{standalone: true}" [datasource]="dataService" [clearUnselected]="true" [inputClass]="'form-control'" [placeholder]="'search by term'" [minSearchLength]="2" [pause]="500" (selected)="selected($event)"> i'll appreciate it

[danielheth]

Looks like they changed the way request headers are passed in.

This worked for me using 1.6.3:

this.dataService = this.completerService.remote(null, 'name', 'name');
let options = new RequestOptions({
  headers: new Headers({
    Authorization: 'token ' + localStorage.getItem('token')
  })
});
(<RemoteData>this.dataService ).requestOptions(options);

This is what it looks line now that i'm using 2.0.8:

this.dataService = this.completerService.remote(null, 'name', 'name');
(<RemoteData>this.dataService).requestOptions({
  headers: {
    Authorization: 'token ' + localStorage.getItem('token')
  }
});

Believe the change occurred with release of v2.0.0 https://github.com/oferh/ng2-completer/blob/master/CHANGELOG.md

Another interesting note... the demo... https://oferh.github.io/ng2-completer/#/native (Remote data with URL Formater and Headers) doesn't add remote headers as far as i can see.. https://github.com/oferh/ng2-completer/blob/master/demo/native-cmp.ts#L94-L101