如何显示“未找到结果”，如果在表中未找到数据-Angular 8

Posted 2023-01-18

我想在过滤时在角度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中：