Javascript 如何在编辑表单上的项目时动态选择输入电台？

我有一个表格，有两个不同的类别（无线电输入），每个类别都有自己的输入。现在我需要添加一个“编辑”功能，我无法找到如何显示正确编辑的表单，因为无线电输入总是指最后选择的类别（我需要手动切换，然后我将看到需要编辑的表单内容）。如何以角度2的方式解决这个问题？（我是新来的有棱角的）

以下是表单的设置方式：

<form #formRef="ngForm" novalidate>
  <div>
    <label for="fruits">
      <input type="radio" name="fruits"
      [(ngModel)]="toggleFormType" #toggleFormTypeRef="ngModel" checked
      >
      Fruits
    </label>
    <label for="vegetables">
      <input type="radio" name="vegetables"
      [(ngModel)]="toggleFormType" #toggleFormTypeRef="ngModel" checked
      >
      Vegetables
    </label>
  </div>

  <fieldset 
  ngModelGroup="fruits" *ngIf="toggleFormType === 'fruits'">
    // Inputs for fruits
  </fieldset>

  <fieldset 
  ngModelGroup="vegetables" *ngIf="toggleFormType === 'vegetables'">
    // Inputs for fruits
  </fieldset>
</form>

---

当我点击

editItem

时，我可以看到一切正常（我可以看到预内容并将其与新内容一起保存），唯一缺少的是我需要切换正确的

类别。我需要它显示正确的
类别
，这是编辑项的类别。我错过了什么？
我解决了！我所需要的只是在
toggleFormType
上“设置”状态。像这样的

public editItem (event: Event, item: any, i: number) {
  event.preventDefault();
  this.editModeIsOn = true;
  this.index = i;

  if (item.type === "fruit") {
    this.fruit = item.fruit;
    this.toggleFormType = item.type;
  } else {
    this.vegetable = item.vegetable;
    this.toggleFormType = item.type;
  }
  this.setView("form");
}

你在期待什么？那一类是预选的？
public editItem (event: Event, item: any, i: number) {
  event.preventDefault();
  this.editModeIsOn = true;
  this.index = i;

  if (item.type === "fruit") {
    this.fruit = item.fruit;
    this.toggleFormType = item.type;
  } else {
    this.vegetable = item.vegetable;
    this.toggleFormType = item.type;
  }
  this.setView("form");
}