基于mat-tree复选框选择，angular6中的过滤表

Question

我将这个用于 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",

          }
]

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

谁能帮我怎么做？

Answer 1

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

这里！！！如有错误请回复