반응형
AngularJS에서 라디오 버튼의 기본값을 설정하는 방법은 무엇입니까?
선택한 티켓 수에 따라 총 가격을 변경하는 시스템을 만들어야합니다. 티켓 수를 선택하는 라디오 버튼을 만들었습니다. ploblem은 기본값이 설정되지 않고로드시 결과가 null이라는 것입니다.
<input type="radio" ng-model="people" value="1" checked="checked"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
<li>{{10*people}}€</li>
<li>{{8*people}}€</li>
<li>{{30*people}}€</li>
</ul>
ngInit 를 people
사용 하여 기본값 설정
<div ng-app>
<div ng-init="people=1" />
<input type="radio" ng-model="people" value="1"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
<li>{{10*people}}€</li>
<li>{{8*people}}€</li>
<li>{{30*people}}€</li>
</ul>
</div>
데모 : Fiddle
<div ng-app="" ng-controller="myCntrl">
<input type="radio" ng-model="people" value="1"/><label>1</label>
<input type="radio" ng-model="people" value="2"/><label>2</label>
<input type="radio" ng-model="people" value="3"/><label>3</label>
</div>
<script>
function myCntrl($scope){
$scope.people=1;
}
</script>
왜 안돼 ng-checked="true"
Angular 2에서 다음은 라디오 버튼의 기본값을 설정하는 방법입니다.
HTML :
<label class="form-check-label">
<input type="radio" class="form-check-input" name="gender"
[(ngModel)]="gender" id="optionsRadios1" value="male">
Male
</label>
컴포넌트 클래스에서 라디오 버튼의 값과 동일한 'gender'변수 값을 설정합니다.
gender = 'male';
<input type="radio" name="gender" value="male"<%=rs.getString(6).equals("male") ? "checked='checked'": "" %>: "checked='checked'" %> >Male
<%=rs.getString(6).equals("male") ? "checked='checked'": "" %>
반응형
'developer tip' 카테고리의 다른 글
주어진 URL에 대한 Facebook 좋아요 / 공유 수 얻기 (0) | 2020.12.27 |
---|---|
내 프로젝트 경로를 얻는 방법? (0) | 2020.12.27 |
Ubuntu에서 SmartGit 설치 및 사용 (0) | 2020.12.26 |
python-dev 설치 오류 : ImportError : apt_pkg라는 모듈이 없습니다. (0) | 2020.12.26 |
Django CSRF 프레임 워크를 비활성화 할 수 없으며 내 사이트가 중단됩니다. (0) | 2020.12.26 |