ANgular jS单选按钮模型更新

Question

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

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/

Answer 1

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

我改变的是：

。使用ng-check代替ng-model，两者都有效但ng-check更易读，并且在检查单选按钮时对象中没有变化

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