Как сделать родителя с ребенком, где он может выбрать только 1 ребенка на родителя в angular

Question

вот код: https://stackblitz.com/edit/angular-6mcqxk-tikynx?file=src / app / app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-select-hide-selected',
  template: `
    <nz-select nzMode="multiple" nzPlaceHolder="Inserted are removed" [(ngModel)]="listOfSelectedValue">
      <nz-option
        *ngFor="let option of listOfOption"
        [nzLabel]="option"
        [nzValue]="option"
        [nzHide]="!isNotSelected(option)"
      ></nz-option>
    </nz-select>
  `,
  styles: [
    `
      nz-select {
        width: 100%;
      }
    `
  ]
})
export class NzDemoSelectHideSelectedComponent {
  listOfOption = ['Project 1', 'Project 2', 'Project 3', 'project 4'];
  listOfSelectedValue: string[] = [];

  isNotSelected(value: string): boolean {
    return this.listOfSelectedValue.indexOf(value) === -1;
  }
}

что я Я хочу сделать это здесь, когда вы выбираете «Проект 1», есть другой столбец или дочерний элемент, который будет выбирать, какая это группа, например, группа 1 или группа 2 или группа 3, но он может выбрать только 1 группу и выбрать элемент , он может выбрать другой проект, такой же, как «Проект 1», в котором есть группа, в которой он выбирает место, если он принадлежит группе 1, группе 2 или группе 3.

Вывод должен быть таким: