来自单选按钮的AngularJS ng-model数据

Question

我在AngularJS中有一个简短的表格.我ng-repeat用来显示性别并验证他们的单选按钮问题是我想要选择单选按钮的值并使用它打印出来ng-model.怎么能实现这个？

这里是普兰克

Answer 1

问题是您将选定的性别(原始值)绑定到$ scope.使用ng-repeat时,它会创建一个新范围并从其父级继承值.不幸的是,因为你的值是原始的(一个数字),它们是通过值而不是引用传递的,所以你只能获得单向绑定.这就是为什么始终建议将值存储在范围内的对象而不是直接存储的原因.

这是一个工作控制器的链接:http://plnkr.co/edit/Y7sTEaYMx0aD4fPDHAMA？p = preview

我添加了这个,并相应地调整了其余的代码:

$scope.user = {
    selectedGender: 'none'
}