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/