如何在角度的mat-option中将多个复选框分组？

Question

是使用mat-options的工作角度多选下拉选项。如何将选项分组？示例-我有版本V1，在该版本下有许多子版本V1.1.1，V1.1.2，V1.1.3。这些版本的分组方式应使每当我选择V1时-也应选择子版本。下面应该是下拉菜单中的设计。

V1的

复选框 V1.1.1的复选框 V1.1.2的复选框 V1.1.3的复选框

<mat-form-field>
  <mat-select placeholder="Pokemon" [formControl]="pokemonControl" multiple> 
     <mat-option>-- None --</mat-option>
     <mat-optgroup *ngFor="let group of pokemonGroups" [value]="group.name"> Comment:- Need CheckBox for this value as well <mat-option *ngFor="let pokemon of group.pokemon" [value]="pokemon.value"> {{pokemon.viewValue}} </mat-option> 
     </mat-optgroup>
   </mat-select> 
 </mat-form-field>

请在同一方面建议我。 谢谢