AngularJS单选按钮问题答案

【问题标题】：AngularJS radio button issueAngularJS单选按钮问题
【发布时间】：2013-10-01 05:02:59
【问题描述】：

我在一个玉文件中有以下内容

....
input(id='prefChangeY', type='radio', ng-value='Yes', ng-model='form.prefChange', name='prefChange', on-focus="fieldInfo='Select yes to change your pref'")
.....
input(id='prefChangeN', type='radio', ng-value='No', ng-model='form.prefChange', name='prefChange', on-focus="fieldInfo='Select no to change your pref'")
.....

在控制器中我有以下代码

$scope.form.prefChange = 'No';

很遗憾，我无法默认选择“否”单选按钮。

我们将不胜感激。

梅洛伊

【问题讨论】：

标签： angularjs radio-button

【解决方案1】：

使用value 而不是ng-value。检查doc。

value='Yes'
value='No'

演示：http://jsfiddle.net/LNWNz/

【讨论】：

【解决方案2】：

选择时值的属性不是ng-value，而只是value。

见http://docs.angularjs.org/api/ng.directive:input.radio

<input type="radio"
   ng-model="{string}"
   value="{string}"
   [name="{string}"]
   [ng-change="{string}"]>

【讨论】：

公平地说：sza 实际上首先正确回答了这个问题。我首先给出了错误的答案，因为我误读了问题，然后删除，编辑和取消删除它。 sza 的回答快了一点。所以我认为 sza 的答案应该是“接受”。