如何在Angular中使用ng2-search-filter按指定列过滤数据？

你可以通过给filter管道传递第二个参数——指定要搜索的字段数组，来实现仅针对caseNo和patientName的过滤。具体修改如下：

修改后的模板代码 #

<div>
  <input type="text" class="form-control" [(ngModel)]="searchFinalData" placeholder="Enter Case No or Patient Name" />
</div>
<div *ngFor="let array of arrayitems | filter:searchFinalData:['caseNo', 'patientName']">
  <!-- 这里渲染你的数据，示例： -->
  <p>病例号: {{array.caseNo}} | 患者姓名: {{array.patientName}}</p>
</div>

关键说明 #

• 原来的filter:searchFinalData仅传递了搜索关键词，现在我们新增了第二个参数['caseNo', 'patientName']，这个数组里的字段名就是你要限定搜索的范围。
• 这样配置后，插件只会在caseNo和patientName这两个字段中匹配输入的关键词，不会再对billStatus、clinicName等其他字段进行搜索。

数据结构验证 #

确保你的数组项字段名和传入的参数完全一致（注意大小写敏感），你的示例数据是符合要求的：

[
  { 
    billStatus:"F", 
    caseNo:"2011000126", 
    clinicName:"DR WINSTON JONG", 
    patientName:"DEATH ANGELSEAN" 
  },
  { 
    billStatus:"F", 
    caseNo:"1011000139", 
    clinicName:"DR WINSTON JONG", 
    patientName:"LIEWCHRISTINA Cccev eeeee" 
  }
]

修改完成后，输入关键词时就只会在病例号和患者姓名范围内进行匹配啦～

内容的提问来源于stack exchange，提问作者Nancy