基于角度为6的mat-tree复选框选择过滤表数据

时间:2019-01-19 21:03:46

标签: checkbox angular6 angular-filters angular-material-6 angular2-pipe

我有包含父母和孩子的组复选框。我正在使用以下slackblitz示例来实现这一目标: 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",

          },
           {
            "reminderName": "Cook dinner",
            "status": "some value3",
          },
         {
            "reminderName": "Read the Material Design spec",
             "status": "some value4",

          }
]

在表中,我正在显示以下响应:

 <tbody>
          <tr *ngFor="let data of data>
            <td>{{data.reminderName}}</td>
            <td>{{data.status}}</td>
          </tr>
</tbody>

所以在这里我要根据复选框的选择刷新表:

enter image description here

如果我选择“库克晚餐”,则只会在表中显示“库克晚餐”行。与相同,也请阅读材料设计规范。如果我什么也不会选择,那么所有数据都会显示。

我对此进行了很多搜索,但什么都没得到。我为此感到挣扎。谁能帮我解决这个问题?

0 个答案:

没有答案