javascript - Angularjs:单选按钮选择更改时更新模型

Question

我正在使用 Angularjs，并且有两个单选按钮，它们具有相同的名称 access 和不同的模型字段 model.field1 和 model.field2 >，所以我需要在选择更改时更新模型，最初 model.field1 和 model.field2 设置为 false，我想要要在选中时将模型值设置为 true ，在未选中时将模型值设置为 false ，我该怎么做？

<input type="radio" id="r1" data-ng-model="model.field1" name="access"><span>R 1</span>
<input type="radio" id="r2" data-ng-model="model.field2" name="access"><span>R 2</span>

非常感谢您的帮助，谢谢

Answer 1

我相信执行此操作的首选方法是使用单个变量和值属性，如下所示:

<input type="radio" id="r1" data-ng-model="model.field1" value="1" name="access"><span>R 1</span>
<input type="radio" id="r2" data-ng-model="model.field1" value="2" name="access"><span>R 2</span>
{{model.field1}}

这会将变量 model.field1 设置为 1 或 2，具体取决于所选的值。如果未选择任何内容，则它是未定义的。让我知道这是否适合您的用例。