Как сгруппировать несколько флажков в 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>

Пожалуйста, предложите мне то же самое. Спасибо