角度JS：入力[ラジオ】ここで

Question

動作しない私のコードです：

<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> 

ページが表示された場合、デフォルトではラジオボックスが正しいことを確認しました。しかし、それはチェックを解除することはできません、私は他の2つのチェックボックスを切り替えることができますか？この問題を解決するにはどうすればよいですか？

Answer 1

ng-repeat新しいスコープを作成して、親スコープを決定する必要があります。配列は、[ '何とか'、 '何とか'、 '何とか']のようなものである場合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>