Question

我创建了ng-repeat by group我正在应用过滤器，一切正常但搜索功能不好，意味着当我搜索项目然后它显示项目但是和其他组名一起显示我想要隐藏的内容。当我搜索某个项目时，它应该显示该项目以及该组并隐藏所有组和其他项目。

下面是

＆＃13;

<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>

＆＃13;

码

Answer 1

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

<input ng-model="lookfor "/>

Answer 2

尝试使用此功能并在其中添加过滤器代码

<强> HTML

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

Jsfiddle demo

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

2 个答案: