angular - 使用 optGroup 角度进行多选

Question

我有 3 个下拉菜单，我想将它们组合成一个 multiSelect 下拉菜单。根据文档，我发现 multiSelect optgroup 具有此功能。我能够使用静态选择/选项字段进行演示。但是，我正在尝试使用 ngFor 对 angular 做同样的事情，但我却没有让它工作。

这些是 3 个下拉菜单。

1.caseStatus(id, descr)
2.pCaseStatus(id, descr)
3.mCaseStatus(id, descr)

我希望显示如下所示：

Case Status
    abc
    def
    ghi
pCaseStatus 
    aaa
    bbb
    ccc
mCaseStatus
    xxx
    yyy
    zzz

每个父母和孩子都有一个复选框。

我应该如何形成对象，以便父 forLoop(caseStatus, pCaseStatus,mCaseStatus) 和 childForLoop(items inside caseStatus, pcaseStatus,mcaseStatus) 按要求工作。我的 component.ts 看起来像这样；

//...........
caseStatus: any[];
pCaseStatus: any [];
mCaseStatus: any[];
...///////////
caseStatus = [(1,abc),(2,def),(3,ghi)] -> id, descr
pCaseStatus = [(1,aaa),(2,bbb),(3,ccc)] -> id, descr
mCaseStatus = [(1,xxx),(2,yyy),(3,zzz)] - > id, descr