AngularJS에서 radio button checked = true를 설정하는 방법의 차이점

ng-checked="$first"을 사용하여 라디오 버튼 기본 선택을 설정하면 확인되었습니다. ng-checked="true" 라디오 버튼을 사용하면 체크하지 않습니까?AngularJS에서 radio button checked = true를 설정하는 방법의 차이점

언제 이런 일이 발생할 수 있는지 설명해주십시오. 당신은 그들이 선택하지 않은 캔트 확인되면

나는 라디오 버튼에 대한주의 내 사용 사례에

출처

2017-02-05 Groovy

일부 코드를 표시하십시오. 너 지금 뭐 해봤 니? – lin

'ng-checked = "true"로 잘 작동합니다. http://jsfiddle.net/y8ecnu4p/를 참조하십시오. – lin

한 가지를 $first ACC를 사용하지 못할. 다른 옵션을 제공해야합니다. 몇 가지 샘플을 준비했습니다.

첫 번째 방법은 컨트롤러에서 값을 true로 설정하고 값을 1로 설정하여 확인한 결과입니다.이 방법이 가장 적합합니다.

두 번째 방법은 ng-checked 이벤트를 사용하지만 값을 변경하지만 ng-model 값은 업데이트되지 않습니다. 그래서 ng-change 기능을 사용하고 모든 ng-model을 추적해야합니다.이 방법과 같은 사람은 아무도 없습니다. 귀하의 경우에는

var app = angular.module('myApp', []); 
 

 
app.controller('MainCtrl', function ($scope) { 
 
    $scope.myradio = true; 
 
    $scope.myradio_ng1 = true; 
 
    $scope.myradio_ng2 = false; 
 
    
 
    $scope.first = true; // probably you are getting this from db 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
<head> 
 
<title>Radio</title> 
 
</head> 
 
<body ng-controller="MainCtrl"> 
 
    <p>1. Using ng-model</p> 
 
    <div> 
 
    <label for="myradio1">Yes</label> 
 
    <input type="radio" ng-model="myradio" name="myradio" id="myradio1" value="1" /> 
 
    <label for="myradio2">No</label> 
 
    <input type="radio" ng-model="myradio" name="myradio" id="myradio2" value="0"/> 
 
    </div> 
 
    <div>Radio value: {{myradio}}</div> 
 
    <p>2. Using ng-checked</p> 
 
    <div> 
 
    <label for="myradio3">First</label> 
 
    <input type="radio" name="myradiong" id="myradio3" ng-checked="myradio_ng1" /> 
 
    <label for="myradio4">Second</label> 
 
    <input type="radio" name="myradiong" id="myradio4" ng-checked="myradio_ng2"/> 
 
    <div>Radio value for first: {{myradio_ng1}}</div> 
 
    <div>Radio value for Second: {{myradio_ng2}}</div> 
 
    </div> 
 
    
 
    <p>Your case</p> 
 
    <label for="first">First</label> 
 
    <input type="radio" id="first" ng-checked="first" /> 
 
</body> 
 
</html>

당신은 그것이 사실 때 당신이 원하는 요소가 확인해야합니다. 귀하의 컨트롤러에서 $scope.first의 값을 true 또는 false로 설정 한 다음보기에서 ng-checked="first"을 사용하십시오. 코드 스 니펫을 실행하여 결과를 찾습니다.

출처

2017-02-05 11:36:15 nivas

AngularJS에서 radio button checked = true를 설정하는 방법의 차이점

답변

관련 문제