我有以下代码可以使用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