动态设置ngModel

Question

我正在尝试构建一个基本的轮询应用程序，其中包含如图中所示的字段。

​

因为有两个输入的字段，所以我希望为每个字段绑定(选项1&选项2分别作为option1和option2，因此我可以在ts文件中引用它)。但是，当我为第一个字段键入选项时，第二个字段也得到相同的值&同样，对于第二个字段也是如此。如何为每个输入字段设置双向绑定？

单击Create按钮后，控制台显示为：{“问题”：“谁将赢得世界杯？”、"option1"：“德国”、"option2"：“德国”}

Answer 1

使用您的索引：

[(ngModel)]="options[i]"

并在组件中创建选项数组。

Answer 2

您可以简单地拥有一个选项数组，而不是一个简单的变量选项，并在模板中使用这个选项：

count = [1, 2];
options: string[2];

..。

[(ngModel)]="options[i]"

选项有第一个选项，options1有第二个选项