angular - 如何使用 Angular 搜索管道显示未找到记录消息

标签 angular search pipe

我使用下面的搜索管道来显示记录集并将管道名称附加到 HTML 文件中。下面的管道将获取用户在搜索栏中输入的值,并根据用户输入的内容显示记录。在下面的代码中,我尝试根据病例编号和患者姓名搜索记录。这一切正常。但我不知道如何处理找不到记录。当用户在搜索栏中输入内容时,如果没有记录,我需要显示一条消息“未找到记录”。

最佳答案

您可以创建一个包含过滤管道结果的变量并检查结果数组的长度。

<ng-container *ngIf="( nonFinalArList |  pksearch:searchNonFinalData) as result">

  <div *ngFor="let nonFinalArList of result; let i = index"> </div>

  <p *ngIf="result.length === 0">No Result</p>  

</ng-container>

stackblitz demo

Using Pipe Results in Angular Templates

关于angular - 如何使用 Angular 搜索管道显示未找到记录消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51926295/

相关文章:

angular - 无法在 Angular js 中配置 Service Worker

angular - ionic v4 : Using Proxy to resolve CORS fails

ElasticSearch 6,copy_to 与动态索引映射

angular - primeNG p-checkbox 找不到具有未指定名称属性的控件

javascript - 无法绑定(bind)到 'useStickyClasses',因为它不是 'div' 的已知属性

arrays - 在排序数组中查找元素

无需排序即可在数组中查找两个重复数字的算法

c - 如何使用管道循环链接两个C程序?

unix - 在 haskell 中实现 unix 管道

linux - 使用 fifos 和链接从网页控制远程进程 (Linux)