Angular JS:input[radio]dons'不起作用

Angular JS: input[radio] doesn't work

本文关键字：dons 不起作用 radio JS input Angular      更新时间：2023-09-26

这是我的代码：

<div ng-controller="TestController">
    <input ng-repeat="item in array" ng-model="selected.name" value="{{item.name}}" type="radio"></input>
</div>
<script type="text/javascript">
    var app = angular.module('app', []);
    app.controller('TestController', function ($scope) {
        $scope.array = [{
            name: 'lee',
            seq: 1,
        }, {
            name: 'tom',
            seq: 2,
        }, {
            name: 'jack',
            seq: 3,
        }];
        $scope.selected = $scope.array[0];
    });
</script>

显示页面时，默认选中的单选框是正确的。但它不能取消选中，我只能在另外两个复选框之间切换？如何解决此问题？

ng重复创建新的作用域，因此您应该确定父作用域。

有关详细信息，请参阅https://docs.angularjs.org/api/ng/directive/ngRepeat

var app = angular.module('app', []);
    app.controller('TestController', function ($scope) {
        $scope.array = [{
            name: 'lee',
            seq: 1,
        }, {
            name: 'tom',
            seq: 2,
        }, {
            name: 'jack',
            seq: 3,
        }];
        $scope.selected = $scope.array[0].name;
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="TestController">
  <div ng-repeat="item in array">
     <input type="radio" ng-model="$parent.selected"  
    ng-value="item.name" > 
  </div>
</div>

相关文章：