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

Javascript Angularjs:单选按钮选择更改时更新模型,javascript,html,angularjs,Javascript,Html,Angularjs,我使用的是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"><

我使用的是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>
r1
R2

非常感谢您的帮助,谢谢

我相信最好的方法是使用单个变量和value属性,如下所示:

<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}}
r1
R2
{{model.field1}}

这将根据选择的变量将变量
model.field1
设置为1或2。如果未选择任何内容,则为未定义。让我知道这是否适用于您的用例。

您需要使用单个范围变量和
ng值来设置它们,如文档()所示

r1
R2

Thank@Dested,我知道这种方法,但在本例中,我有两个变量用于表示分离的属性,以便为用户提供访问权限,例如:user.readWrite和user.readOnly,而单个变量对我来说并不太有用。你还有别的想法吗?多谢了,我能马上想到的唯一方法就是在两种情况下都将值设置为“真”,将它们都默认为假,并在所有适用字段上使用一系列手表,当其中任何一个设置为真时,将它们设置为假。。。另一个选项是使用0表示只读,1表示读写,并监视该值,并适当设置表示可访问性的实际变量。谢谢Dested,您的建议对我非常有用。我解决了观察变量值和适当设置实际变量的问题。干杯感谢@MBielski,我知道这种方式,但在本例中,我有两个变量用于表示分离的属性,以便为用户提供访问权限,例如:user.readWrite和user.readOnly,而单个变量对我来说并不太有用。你还有别的想法吗?谢谢
<input type="radio" id="r1" ng-model="model.field1" ng-value="1" name="access"><span>R 1</span>
<input type="radio" id="r2" ng-model="model.field1" ng-value="2" name="access"><span>R 2</span>