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

문제상황

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-init

  • 내 경우에는 ng-modelpop.ports.protocol 이고 valueHTTP다.

Reference

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

Comments