본문 바로가기

프로그래밍/AngularJs

[AngularJs] - ng-model 속성을 사용하면서 라디오 버튼 하나를 default로 선택되게끔

728x90
반응형

문제상황

ng-model 속성을 사용하면서 3개의 라디오 버튼 중 하나를 default로 나오게 해야됨


 

문제 해결

  • ng-init 속성 사용
// default로 선택된 라디오 버튼을 HTTP로 하고자 한다
// ng-init="ng-model=radio value"
<td>
    <div class="radio radio-inline">
    <input type="radio" ng-init="pop.ports.protocol='HTTP'" ng-model="pop.ports.protocol" name="protocolRadio" id="protocolHTTP" value="HTTP"></td>

 

 

 

  • 내 경우에는 ng-model이 pop.ports.protocol 이고 value가 HTTP다.

 

Reference

How to set the default value for radio buttons in AngularJS?

728x90
반응형