如何使用角度搜索管道显示未找到记录消息答案

【问题标题】：How to display No records found message using search pipe in angular如何使用角度搜索管道显示未找到记录消息
【发布时间】：2018-08-20 07:54:52
【问题描述】：

我正在使用下面的搜索管道来显示记录集并将管道名称附加到 HTML 文件中。下面的管道将在搜索栏中获取用户输入的值，并根据用户输入的输入显示记录。在下面的代码中，我试图根据病例号和患者姓名搜索记录。这很好。但我不确定如何处理 No records found 。当用户在搜索栏中输入内容时，如果没有记录，我需要显示一条消息没有找到记录。

【问题讨论】：

标签： angular search pipe

【解决方案1】：

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

<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

【讨论】：

如何应用到检索到的记录上。我已经编写了按功能排序。但是当我不在搜索栏上应用任何搜索时，排序工作正常。但是排序不适用于搜索记录。我已经用 HTML 中的排序代码更新了我的问题
如何访问 ts 文件中的结果变量。如果我可以访问 ts 文件中结果变量中的数据，我可以根据该数据进行排序
如果要在不需要管道的ts文件中进行排序，则无法访问ts文件中的结果变量，我没有得到你想要的跨度>
我附上了一张图片，里面有搜索栏和按功能排序。下面我有记录列表，其中有病例号、患者姓名和出院日期。我将 JSON 数组传递给排序依据，它工作正常。但是排序不会在搜索记录之上工作，因为排序函数接受原始列表（非搜索记录）作为输入。现在不知道如何在搜索记录之上应用排序（按日期排序）。
你有什么解决办法吗？