动态设置 ngModel
Setting ngModel dynamically
我正在尝试构建一个基本的投票应用程序，它具有如图所示的字段。
因为有两个输入字段，我想为每个字段绑定（选项 1 和选项 2 分别作为选项 1 和选项 2，所以我可以在 ts 文件中引用它。）
但是，当我为第一个字段键入选项时，第二个字段也获得相同的值，第二个字段也是如此。如何为每个输入字段设置双向绑定？
单击“创建投票”按钮后，控制台显示为：
{
"question": "Who will win World Cup?",
"option1": "Germany",
"option2": "Germany"
}
使用您的索引：
[(ngModel)]="options[i]"
并在组件中创建一个选项数组
您可以简单地使用一个选项数组而不是一个简单的变量选项，然后在您的模板中使用它：
count = [1, 2];
options: string[2];
...
[(ngModel)]="options[i]"
options[0]有第一个，options[1]有第二个
我正在尝试构建一个基本的投票应用程序，它具有如图所示的字段。
因为有两个输入字段，我想为每个字段绑定（选项 1 和选项 2 分别作为选项 1 和选项 2，所以我可以在 ts 文件中引用它。） 但是，当我为第一个字段键入选项时，第二个字段也获得相同的值，第二个字段也是如此。如何为每个输入字段设置双向绑定？
单击“创建投票”按钮后，控制台显示为： { "question": "Who will win World Cup?", "option1": "Germany", "option2": "Germany" }
使用您的索引：
[(ngModel)]="options[i]"
并在组件中创建一个选项数组
您可以简单地使用一个选项数组而不是一个简单的变量选项，然后在您的模板中使用它：
count = [1, 2];
options: string[2];
...
[(ngModel)]="options[i]"
options[0]有第一个，options[1]有第二个