AngularJS zeigen Daten basierend auf ausgewählter Kategorie

Question

Ich möchte dieses Akkordeon basierend auf Kategorie, die ich aus selectBox, vorläufig zeigen für jetzt zeigt es nur alle Daten, aber ich möchte einige Filter geben. Hier ist mein Code und meine Datenbank. kann jemand es ohne Änderung einer Datenbank oder Verwendung von angularUI Akkordeon tun?

<div class="cs_member_info"> 
     <select class="cs_member_select"> 
     <option value="A">Type 1</option> 
     <option value="B">Type 2</option> 
     <option value="C">Type 3</option> 
     </select> 
    </div> 

<div class="cs_body" ng-repeat="cs in csList"> 
    <div class="cs_acc_div"> 
    <button class="cs_accordion" ng-class="{'active': isClicked, 'off' : !isClicked}" ng-click="isClicked = !isClicked"> 
     <p class="noti_title"> 
     {{cs.faq.title}} 
     </p> 
    </button> 
    <div class="panel" ng-show="isClicked"> 
     <p class="panel_inside"> 
     {{cs.faq.contents}} 
     </p> 
    </div> 
    </div> 
</div> 

    "_id":"59111a018479e30d387be584", 
"lang":1, 
"type":"FAQ", 
"created_at":"2017-05-09T01:23:13.324Z", 
"category":{ 
"code":1, 
"name":"Member information" 
}, 
"faq":{ 
"title":"Login with SNS ID", 
"contents":"Login with SNS ID" 
} 

Answer 1

Überprüfen Sie dies als eine Referenz. Standardwinkelfilter

https://plnkr.co/edit/PpWo28ZO6QNiKEo1K5K7?p=preview

Hier ist es eine Tabelle. verwenden Akkordeon zu wiederholen und dann filtern

Prüfen Sie diese Dokumentation https://docs.angularjs.org/api/ng/filter/filter

<label>Name only 
    <select ng-model="search.name"> 
     <option value="John">John</option> 
     <option value="Mary">Mary</option> 
     <option value="Mary">Mary</option> 
    </select> 
    </label> 
    <br> 
    <table id="searchObjResults"> 
    <tr> 
     <th>Name</th> 
     <th>Phone</th> 
    </tr> 
    <tr ng-repeat="friendObj in friends | filter:search:strict"> 
     <td>{{friendObj.name}}</td> 
     <td>{{friendObj.phone}}</td> 
    </tr> 
    </table>