<div class="container" data-ng-app=""> <div> <h4>Checkbox</h4> <form name="fm" ng-init="value1=true; value2='좋다';"> 선택1 : <input type="checkbox" name="check1" ng-model="value1" /> <br/> 선택2 : <input type="checkbox" name="check2" ng-model="value2" ng-true-value="좋다" ng-false-value="싫다" /> <br/> <div class="well"> <p>선택1의 바인딩 값 : {{value1}}</p> <p>선택2의 바인딩 값 : {{value2}}</p> </div> </form> <hr/> <h4>Select</h4> <div ng-init="countryList=[{name:'한국',code:'KR',continent:'아시아'},{name:'일본',code:'jr',continent:'아시아'},{name:'미국',code:'en',continent:'북미'}]"> <form name="routerFm"> <div> 출발 국가 : <select ng-model="depCountry" ng-options="country.name for country in countryList" ng-required="true"> <option value="">선택하여 주세요</option> </select> </div> <div> 경우 국가 : <select ng-model="viaCountry" ng-options="country.name as country.name for country in countryList" ng-required="true"> <option value="">선택하여 주세요</option> </select> </div> <div> 도착 국가 (대륙 그룹별): <select ng-model="arrCountry" ng-options="country.name group by country.continent for country in countryList" ng-required="true"> <option value="">선택하여 주세요</option> </select> </div> </form> <div class="well"> <p>출발국가 : {{depCountry.name}}</p> <p>경유국가 : {{viaCountry}}</p> <p>도착국가 : {{arrCountry.name}}</p> </div> <div ng-show="myRouterFrom.$invalid"> 출발 국가와 도착 국가는 필해 선택해 주세요 </div> </div> </div> </div>