通过对项目进行分组来搜索 ng-repeat答案

【问题标题】：search on ng-repeat by grouping the items通过对项目进行分组来搜索 ng-repeat
【发布时间】：2017-03-29 06:31:55
【问题描述】：

我已经按组创建了 ng-repeat，我在其上应用了过滤器，一切正常，但搜索功能做得不好，这意味着当我搜索一个项目时，它会显示该项目，但与其他组名一起显示正在显示我想隐藏的内容。当我搜索一个项目时，它应该与组一起显示该项目并隐藏所有组和其他项目。下面是

<div ng-repeat="(key, value) in pops | groupBy: 'Location'">
  <div>
    <h4>{{ key }}</h4>
  </div>
  <br /><br /><br />


  <div ng-repeat="pop in value | filter: lookfor | orderBy: 'SortNo'">
    <div>
      <h4 style="padding-left: 5px; padding-right: 5px;">{{pop.EmpName}}</h4>
    </div>
    <div>
      <div>
        <p>Id: {{pop.EmpNo}}</p>

        <p>Desig: {{pop.Designation | titlecase}}</p>

      </div>
    </div>
  </div>
</div>

代码。

【问题讨论】：

你可以创建一个工作小提琴
能不能也加个js代码

标签： javascript angularjs asp.net-mvc c#-4.0

【解决方案1】：

请添加您的 js 代码。或者你可以创建

<input ng-model="lookfor "/>

【讨论】：

我需要搜索以通过隐藏其他组来过滤正确的项目。搜索正在搜索但不隐藏其他组。
Jayant Patil 你的 jsfiddle 应该通过显示和隐藏其他组和项目来搜索正确组下的正确值。
有谁知道在ng-repeat基于分组搜索项目时如何隐藏其他组和项目。

【解决方案2】：

尝试使用它并在其中添加您的过滤器代码

HTML

<input type='text' placeholder='look for' ng-model='lookfor'>

Jsfiddle demo

【讨论】：

Jayant Patil 如果您在 jsfiddle 中搜索 ssr，那么它也会显示我不想看到的其他组（0 和 2）。
是的，这就是我要找的东西，谢谢Jayant Patil
Jayant Patil，它有一些错误，当你在搜索中输入 xyz 时，xyz 会显示在 0 组下。