-
[AngularJS] 12. 서식(Forms) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:23AngularJS FormsAngularJS 서식은 입력 제어의 집합입니다.1. HTML ControlsHTML 입력 요소는 HTML 제어라고 부릅니다:- input 요소- select 요소- button 요소- textarea 요소2. HTML FormsHTML 서식은 HTML 제어가 함께있는 그룹입니다.3. Application Code12345678910111213141516171819202122232425262728293031323334<!DOCTYPE html><html lang="en"><head></head><body><div ng-app="" ng-controller="formController"><form novalidate>First Name:<br><input type="text" ng-model="user.firstName"><br>Last Name:<br><input type="text" ng-model="user.lastName"><br><br><button ng-click="reset()">RESET</button></form><p>form = {{user }}</p><p>master = {{master}}</p></div><script>function formController ($scope) {$scope.master = {firstName:"John", lastName:"Doe"};$scope.reset = function() {$scope.user = angular.copy($scope.master);};$scope.reset();}</script></body></html>
cs * novalidate 속성은 HTML5의 새로운 속성입니다. 이 속성은 어떤 기본 브라우저 검사도 사용하지 않게 합니다.ng-model은 두 개의 입력 요소를 모델의 사용자 객체로 연결합니다.formController() 함수는 초기 값을 마스터 객체로 설정하고, reset() 메소드를 호출합니다.reset() 메소드는 사용자 객체를 마스터 객체와 똑같이 설정합니다.ng-click은 reset() 메소드를 호출합니다.* 위 강좌는 W3Schools 를 참고하여 작성하였습니다.'Web > AngularJS' 카테고리의 다른 글
[AngularJS] 15. Includes - Angular JS 강좌 (0) 2015.06.12 [AngularJS] 14. Bootstrap- Angular JS 강좌 (0) 2015.06.12 [AngularJS] 13. 검사(Validations) - Angular JS 강좌 (0) 2015.06.12 [AngularJS] 11. 모듈(module) - Angular JS 강좌 (0) 2015.06.12 [AngularJS] 10. HTML Event - Angular JS 강좌 (0) 2015.06.12 [AngularJS] 9. HTML DOM - Angular JS 강좌 (0) 2015.06.12
