通過對項目進行分組搜索ng-repeat

我創建了ng-repeat組，我正在應用過濾器，一切正常，但搜索功能不太好，意味着當我搜索一個項目時，顯示該項目，但與其他組名一起顯示我想隱藏的內容。當我搜索一個項目時，它應該顯示該項目與組，並隱藏所有組和其他項目。下面是通過對項目進行分組搜索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>

代碼。

來源

2017-03-29 Saleem

ü可以創建一個工作小提琴 –

可以PLZ加js代碼也 –

添加您的js編碼。或者你也可以創建

<input ng-model="lookfor "/>

來源

2017-03-29 07:00:49 Akashii

我需要搜索通過隱藏其他組來篩選正確的項目。搜索正在搜索，但沒有隱藏其他組。 – Saleem

** Jayant Patil **你的jsfiddle應該通過顯示它並隱藏其他組和項目，在正確的組下搜索正確的值。 – Saleem

**是否有人知道如何隱藏其他組和項目時，基於分組搜索ng-repeat項目。** – Saleem

嘗試使用這和添加過濾器代碼，它

HTML

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

Jsfiddle demo

來源

2017-03-29 07:11:53

** Jayant Patil **如果您在jsfiddle中搜索ssr，則會顯示其他（0和2），我不想看到。 – Saleem

已更新https://jsfiddle.net/73jyk0cv/1/ –

是的，這就是我要找的感謝** Jayant Patil ** – Saleem

通過對項目進行分組搜索ng-repeat

回答

相關問題