Angular jS单选按钮模型更新答案

【问题标题】：ANgular jS radio button model updateAngular jS单选按钮模型更新
【发布时间】：2016-05-12 19:42:59
【问题描述】：

我正在尝试将对象值绑定到单选按钮。我的控制器如下所示。

var app = angular.module('myApp', [])
.controller('TestController',function($scope){
$scope.persons = [{ name: 'JOHN', isActive: false }, { name: 'Peter',      isActive: true }, { name: 'Sam', isActive: false }];
})

当我第一次单击选项按钮模型（isactive 更改为 true）之后，如果我再次单击模型未更新为 false。

https://jsfiddle.net/nuL4heut/

【问题讨论】：

看看这里并将您的 HTML 与他们的比较：docs.angularjs.org/api/ng/input/input%5Bradio%5D
Andrew，谢谢，我能够根据文档显示记录，并且单选按钮中正确显示真假。如果我选择“john”，我的模型将更新为 true。如果我选择 peter，则下一步我以前的模型没有更新为 false。

标签： angularjs

【解决方案1】：

您可以在此处查看我对您的代码所做的更改 https://jsfiddle.net/nuL4heut/25/

我改变的是：

。使用 ng-check 而不是 ng-model，两者都有效，但 ng-check 更具可读性，并且在您选中单选按钮时不会更改对象

。一个名为 updatePerson 的函数在单击单选按钮时触发，将您选择的人员活动状态更改为 true，将您之前选择的人员更改为 false

【讨论】：

德鲁伊，谢谢它必须使用功能认为通过给 ngmodel 将起作用。另一个注意事项是 ng-check 如果值为 true，则不会选择单选按钮。所以必须使用 ngmodel和 value="true"
不客气，ng-check 满足内部条件时选择单选按钮