如何显示“未找到结果”,如果在表中未找到数据-Angular 8
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何显示“未找到结果”,如果在表中未找到数据-Angular 8相关的知识,希望对你有一定的参考价值。
我想在过滤时在角度8表中显示“未找到结果”。这是我的示例代码
fromEvent(this.searchParam.nativeElement, 'keyup')
.pipe(debounceTime(500), distinctUntilChanged())
.subscribe((event: any) =>
this.getUsers(event.target.value);
);
getUsers(searchParam: string = '')
this.userService.getUsers(this.page, this.limit, searchParam).subscribe(
(data: any) =>
this.users = data.results;
this.loading = false;
this.totalRecords = data.totalRecords;
this.limit = data.limit;
this.totalPages = Math.ceil(this.totalRecords / this.limit);
,
(errors) =>
this.loading = true;
this.errmsg = errors.error.message;
);
<div class="form-group has-search searchbox">
<span class="fa fa-search form-control-feedback"></span>
<input type="text" class="form-control" #searchParam placeholder="Search" />
</div>
答案
<span *ngIf="totalRecords == 0">
No result found
</span>
另一答案
您可以添加一个隐藏的div并使用ngIf显示它。在您的html中:
以上是关于如何显示“未找到结果”,如果在表中未找到数据-Angular 8的主要内容,如果未能解决你的问题,请参考以下文章
如何在图表管道后保留Splunk中的表字段?尝试将值连接到'over'参数,但得到'未找到结果'
Twitter Typeahead:如何在 DIV 中显示“未找到结果”消息?
线性表练习之Example028-用二分查找在表中查找数值为 x 的元素,如果找到则与后继元素相交换,如果未找到则插入到顺序表中正确位置