AngularJS根据所选类别显示数据

时间:2017-05-25 07:15:25

标签: angularjs drop-down-menu filter

我想根据我从selectBox中选择的类别来展示这款手风琴, 现在它只显示所有数据,但我想给出一些过滤器。 这是我的代码和我的数据库。 任何人都知道如何在不更改任何数据库或使用angularUI手风琴的情况下进行操作?

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

1 个答案:

答案 0 :(得分:0)

将此作为参考。默认角度过滤器

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

这是一张桌子。使用accordion重复然后过滤它

请查看此文档https://docs.angularjs.org/api/ng/filter/filter

count1 = [1,2,3];
count2 = [1,2];
async.forEach(count1, function(count1, callback) {
    console.log("aa");
    async.forEach(count2, function(count2, callback1) {
        console.log("bb");
        connection.query('INSERT INTO customers set ?', data,function(err, result) {
            if(err) {
                console.log(err);
                callback1(err);
            }
            console.log("success");
            callback1(null);
        }, function(err, result) {
            console.log(result);
            callback1(err);
        });

    }, function(err) {
        callback(err);
    });
});