ngx-bootstrap typeahead不起作用

时间:2018-07-30 18:06:55

标签: angular typescript rxjs ngx-bootstrap rxjs6

我有以下代码可以使用ngx-bootstrap typeahed。

我的html模板:

<input [typeahead]="dataSource"
       typeaheadWaitMs="1000"
       (valueChanged)="selectMember($event)"
       [formControl]="form.controls['membernumber']" class="form-control" id="member">

这是我的打字稿代码:

 this.dataSource = Observable.create((observer: any) => {
   // Runs on every search
   observer.next(this.form.controls['membernumber'].value);
 })
  .pipe(
    mergeMap((token: string) => this.memberService.getMembersBySearchQuery2(token))
  );

getMemberBySearchQuery2的服务实现是这样的:

public getMembersBySearchQuery2(query: string) : Observable<Member[]>{
let params = new HttpParams().set('query', query);
let options = this.authenticationService.getAuthenticationOptions();
return this.http.get<Member[]>(this.urlService.getMemberServiceUrl(), {
   headers: options,
   params: params
  });
}

在网络流量中,我可以看到请求正在向后端扩展,并且得到了响应。响应是一组成员。

但是浏览器中没有任何显示。什么都没发生。

我使用Angular6和ngx-bootsrap 2.0.0

0 个答案:

没有答案