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

我认为这样做的首选方法是使用单个变量和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}}

这将根据选择的变量将变量model.field1设置为1或2。如果未选择任何内容，则未定义。如果这适用于您的用例，请告诉我。

Answer 2

您需要使用单个范围变量和ng-value设置它们，如Angular文档（https://docs.angularjs.org/api/ng/input/input%5Bradio%5D）中所示。

<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>

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

2 个答案: