首页 > 解决方案 > 基于mat-tree复选框选择,angular6中的过滤表

问题描述

我在 Angular 6 中将其用于组复选框。 https://stackblitz.com/angular/nkmjydodvnp?file=app%2Ftree-checklist-example.ts

这里假设我有一个这样的 JSON 数据:

     "data": [
          {
            "reminderName": "Cook dinner",
            "status": "some value",
          },
          {
            "reminderName": "Read the Material Design spec",
             "status": "some value1",

          }
]

我在表格中显示这些数据。所以在这里我想要的是,每当我选择“烹饪晚餐”时,只有与烹饪晚餐相关的行应该从表中过滤,或者如果我将同时选择“烹饪晚餐”和“阅读材料设计规范”,那么这两行应该只从表中显示。

谁能帮助我如何做到这一点?

标签: jsoncheckboxfilterangular6angular-material-6

解决方案


<script>
    $(function() {

   $.getJSON('data.json', function(data) {
       $.each(data.data, function(i, f) {
          var tblRow = "<tr>" + "<td>" + f.reminderName+ "</td>" +
           "<td>" + f.status+ "</td>" 
           $(tblRow).appendTo("#jsondata tbody");
     });

   });
});
</script>

<div>
   <table id= "jsondata" border="2">
  <thead>
            <th>Reminder Name</th>
            <th>Status</th>
        </thead>
      <tbody>

       </tbody>
   </table>

</div>

这里 !!!如果有错误请回复


推荐阅读