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

Question

我正在将此用于角度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> 

这里 ！！！ 如果有错误请留言