ng-repeatの角ラジオボタンリスト

Question

[クリア]ボタンをクリックしたときにラジオボタンの状態をチェックするにはどうすればよいですか？ NG-繰り返しでラジオボタンリスト

、

<label ng-repeat="item in items"> 
    <input type="radio" name="test" ng-model="test" value="{{item.name}}" />{{item.name}} 
</label> 


<a class="undo" ng-click="clear()">Clear</a> 

fiddle

と明確な別のコントローラからの状態をチェックし、それは可能ですか？

Answer 1

これはうまく動作します.. !!!

angular.module("myApp", []).controller("Example", ["$scope", function($scope) { 
 
\t $scope.data = {}; 
 
    
 
    $scope.items = [ 
 
    \t {name: 'one'}, 
 
     {name: 'two'}, 
 
     {name: 'three'}, 
 
     {name: 'four'}, 
 
     {name: 'five'}, 
 
     ]; 
 
     
 
     $scope.clear = function(){ 
 
     $scope.data = {}; 
 
     //alert("hello"); 
 
     } 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="Example"> 
 

 

 
<label ng-repeat="item in items"> 
 
    <input type="radio" name="test" ng-model="data.test" value="{{item.name}}" />{{item.name}} 
 
</label> 
 
<br> 
 
<a class="undo" ng-click="clear()">Clear</a> 
 

 
</div>

Answer 2

ブロードキャストイベントを使用できます。この回答を参照してください：あなたのコントローラで次にhttps://stackoverflow.com/a/19498009/4161992

ご入力ラジオを制御し、次の操作を行います。

.controller('radioController', function($scope){ 
    $scope.$on('triggerClearRadio', function(){ 

     $scope.items.forEach(function (item, i) { 
      item.checked = false; 
     }); 

    }); 
}); 

変更ご入力のhtmlを使用すると、ブロードキャストすることができ、あなたのクリアボタンからではなくng-model="test"

のng-model="item.checked"を使用します次のような 'triggerClearRadio'イベント（名前はそれよりも優れています）：

<button type="button" ng-click="$root.$broadcast('triggerClearRadio')>Clear radios</button> 

このフィドルを見てください：http://jsfiddle.net/takuan/aaoub2mg/