각도 JS 기본은 라디오 버튼

Question

나는 이것이 아마 전에 여러 번 요청되었습니다 내가이 솔루션을 통해왔다 알고

을 확인하지만 아무도 ... 나를 위해 일한 것 같았다

HTML 파일 :

<input id="sampleA" name="try" type="radio" data-ng-model="$ctrl.isSampleA" value="true" data-ng-change="$ctrl.update()"></input> 
<label for="sampleA">Sample A</label> 
<input id="sampleB" name="try" type="radio" data-ng-model="$ctrl.isSampleA" value="false" data-ng-change="$ctrl.update()"></input> 
<label for="sampleB">Sample B</label> 

JS 파일 : T :

//Initialization: 
vm.isSampleA = false; 
//This function returns the correct boolean value returned by API 
    vm.update = function() { 
    vm.isSampleA = response.rows["0"].sampleA; 
}; 

간단히 내가 흐름을 설명 할 것이다 그는 기본적으로 '샘플 B'옵션을 기본값으로 사용합니다. 그런 다음 사용자가 'Sample A'옵션을 확인하고 업데이트 된 값을 REST API로 보내면 올바르게 업데이트됩니다. 예상

: : 다시이 양식을 편집 할 때 다음 는가 확인해야 '샘플 A'는

는 실제 : 2 개 옵션 중 어느 것도, 확인되지 의 값 'isSampleA'이 경우에도 참된. 대신 일반 value 속성의

Answer 1

사용 ng-value 지침 :

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<script> 
 
    angular.module('app', []) 
 
</script> 
 

 
<div ng-app='app' ng-init='test=true'> 
 
    <label> 
 
    <input type="radio" ng-model="test" ng-value="true"> 
 
    One 
 
    </label> 
 
    <br/> 
 
    <label> 
 
    <input type="radio" ng-model="test" ng-value="false"> 
 
    Two 
 
    </label> 
 
    <br/> 
 
    <button ng-click='test = !test'>Click</button> 
 
</div>