10. <select> 요소 사용법 ◈ 요소 사용법 - ng-model : 바인딩 대상이 되는 모델명 - name : 폼에서 사용할 이름 - ng-required : 필수 입력 여부 - ng-options : 옵션을 나타내기 위한 별도의 표현식 - 배열 데이터일 때 label for value in array select as label for value in array label group by group for value in array select as label group by group for value in array - 객체 데이터일 때 label for (key, value) in object select as label for (key, value) in object label group by group for (key, .. 더보기 09. 체크박스 타입 사용법 ◈ 체크박스 타입 사용법 - ng-model ; 바인딩 대상이 되는 모델명 - name : 폼에서 사용하는 이름 - ng-true-value : 체크박스를 체크했을 때 바인딩된 모델에 대입할 값(기본값은 true) - ng-false-value : 체크박스의 체크를 해제했을 때 바인딩된 모델에 대입할 값(기본값은 false) - ng-required : 필수 입력 여부 - ng-chang : 사용자의 입력이 발생할 때 실행될 표현식 예제)http://jsfiddle.net/kshmc/oz0g68ge/1/ 더보기 08. 폼과 유효성 검사를 위한 템플릿(폼/입력 지시자) - 폼 양식을 서버로 제출하기 전에 사용자가 입력한 값을 검증할 때가 종종 있다. "꼭 입력해야 할 값을 빼먹지 않았는지", "우편번호 형식에 맞는지, " 날짜 형식이 yyyy/mm/dd가 맞는지" 와 같은 경우다. 이렇게 사용자가 입력한 값이 유효한 값으로 채워졌는지 검사하는 것을 폼 양식 유효성 검증(Form Validation)이라 한다. -AngularJS는 유효성 검증을 손쉽게 할 수 있게 폼 양식 유효성 검증과 관련된 지시자를 제공한다. 1. 텍스트 타입 사용법 1) ng-model : 바인딩 대상이 되는 모델명 2) name : 폼에서 사용하는 이름 3) ng-required : 필수 입력 여부 4) ng-minlength : 입력박스에 입력되는 값의 최소 글자 수 5) ng-maxlengt.. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 20 다음