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>

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

根据mat-tree复选框的选择，在angular6

1 个答案: