Angular打字稿矩阵，选择所有选项并保存数据

Question

我是动态生成的矩阵（请参阅图片）： Matrix for step and interest

<table class="k-grid">
  <tr class="k-alt">
     <td>Step</td>
     <td>Select All</td>
     <td *ngFor="let aoi of interestList; let i = index" style="text-align:center">{{ aoi.description }}</td>
  </tr>
  <tr class="k-alt">
     <td></td>
     <td style="text-align:center"><input type="checkbox" /></td>
     <td *ngFor="let aoi of interestList; let i = index" style="text-align:center"><input type="checkbox" /></td>
  </tr>
  <tr *ngFor="let step of stepList; let i = index; let odd = odd;" [ngClass]="{ 'k-alt': odd}">
     <td style="text-align:left">{{ step.stepName }}</td>
     <td style="text-align:center"><input type="checkbox" /></td>
     <td *ngFor="let aoi of interestList; let i = index" style="text-align:center">
         <div *ngIf="step.evalByInterest">
            <input type="checkbox" />
         </div>
     </td>
  </tr>
</table>

我的打字稿代码：

this.service.getInterest().subscribe(interest => {
        this.interestList = interest;
    });

this.service.getSteps().subscribe(step => {
        this.stepList = step;
    });

我需要选择所有功能才能工作。当我检查红色时，所有复选框都被选中，蓝色选中全部将选择所有感兴趣的步骤，橙色检查全部将检查该步骤的所有兴趣。

另外，当我提交时，我需要一个包含所选步骤和兴趣（二维数组）的列表来保存用户选择的内容。