Нужна помощь в создании реактивной формы списка ввода радио.

Я хочу реализовать свой выбор с помощью реактивных форм, я новичок в этом, поэтому вот мой код:

Я уже пытался реализовать это с документацией и предоставленными примерами, но безуспешно и уничтожил мой выбор выбора переключателя с одним выбором. Что мне нужно реализовать в моем файле .ts и здесь, в моем фрагменте html, чтобы понять это?

Вот мой рабочий фрагмент HTML:

<div *ngFor="let stream of myList">
    <label>
      {{ stream.sys }}
    </label>
    <p *ngFor="let type of stream.types">
      <tr>
        <input type="radio" name="nav"/>
        {{ type.type.label }}
      </tr>
    </p>
  </div>

Я перебираю внешний список и внутренний список с помощью радио типа ввода. Все работает нормально. Теперь я хочу реализовать его как реактивные формы:

Это мой желаемый результат, например:

Test
 o Number 1
Test2
 o Number 10
 o Number 20
Test3
 X Number 100

Value: Number 100 // or some id i have in my input data -> type.type.id

Эта навигация должна быть выбором одного элемента, и я хочу показать значение формы в моем списке в качестве первого шага.

Я пробовал что-то вроде этого:

.html

<form [formGroup]="form">
  <div *ngFor="let stream of myList">
    <label>
      {{ stream.sys }}
    </label>
    <p *ngFor="let type of stream.types">
      <tr>
        <input type="radio" name="name" formControlName="name" />
        {{ type.type.label }}
      </tr>
    </p>
  </div>
</form>

<p>
    Value: {{ form.value | json}}
</p>

.ts

form: FormGroup;
constructor(private formBuilder: FormBuilder) {
  this.form = formBuilder.group({
    name: ['']
  });