如何解决提前输入 Angular 的 API 调用
我需要使用 Typeahead 在 app 中添加全局搜索,当用户输入时,它应该调用 api 并在下拉列表中显示结果,我是 angular 和 typescript 的新手,如果有任何可用的代码示例,请告诉我。我正在使用 angular 10 版本
感谢您的帮助
解决方法
您可以使用许多库。
search = (text$: Observable<string>) =>
text$.pipe(
debounceTime(300),distinctUntilChanged(),tap(() => this.searching = true),switchMap(term =>
this.tagService.searchByKeyword(this.category,term).pipe(
tap(() => this.searchFailed = false),catchError(() => {
this.searchFailed = true;
return of([]);
}))
),tap(() => this.searching = false)
)
<input class="form-control" [placeholder]="placeholder" [(ngModel)]="value" (ngModelChange)="change($event)" [ngbTypeahead]="search" [readonly]="readonly">
类似的东西。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。