html - 使用角度存储多个单选按钮值

Question

我想使用多个单选按钮。有 10 个问题，每个问题都有一个唯一的 ID，每个问题有 5 个选项，每个选项都有唯一的 ID。我想使用 formcontrolname 存储选定的值。最好的方法是什么？

问题和选项的格式是问题：

[
  {
    id: 1
    title: "questiontitle1"
    options: [
      {
        id: 1,
        name: "optionname1"
      },
      {
        id: 2,
        name: "optionname2"
      }
    ]
  },
  {
    id: 2
    title: "questiontitle2"
    options: [
      {
        id: 1,
        name: "optionname1"
      },
      {
        id: 2,
        name: "optionname2"
      }
    ]
  }
]

html代码是

标签： htmlangulartypescript

Answer 1

看看表单数组。

一个 FormArray 负责管理一个 AbstractControl 的集合，它可以是一个 FormGroup、一个 FormControl 或另一个 FormArray。

一个很好的教程，一步一步地学习。