带有迭代的角度2动态复选框

Question

嗨，

我很难找到满足我要求的解决方案。我想像上面的图片一样动态生成复选框。

来自API的数据将采用以下格式。

  vaultsNamesValues: any = {
    SMDD: ['SMDD1', 'SMDD2', 'SMDD3', 'SMDDZ1', 'SMDDZ2', 'SMDDZ2'],
    DCRT: ['DCRTZ1', 'DCRTZ2', 'DCRTZ3', 'DCRTZ4'],
    MISS: ['MISS1', 'MISS2']
  }

 

我能够生成它们，但是想在每次选择一个或多个子复选框（如https://material.angularjs.org/latest/demo/checkbox#select-all

时，为主复选框设置不确定状态）

我用当前代码https://stackblitz.com/edit/angular-htl6b2?file=app%2Fcheckbox-overview-example.ts

创建了stackblitz

有人可以帮助我吗？