На основе выбора флажка 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>

ЗДЕСЬ !!! ПОЖАЛУЙСТА, ОБРАТИТЕ ВНИМАНИЕ, ЕСЛИ ОШИБКА