Angularjs 형태
AngularJS 형태는 입력 컨트롤 모음입니다.
HTML 컨트롤
다음 HTML 입력 요소를 HTML 컨트롤이라고합니다.
입력 요소
요소를 선택하십시오
버튼 요소
텍스토리 요소
HTML 양식
HTML 형태는 일반적으로 HTML 컨트롤과 동시에 존재합니다.
Angularjs는 인스턴스를 형성합니다
이름:
성:
form = { "firstName": "John", "lastName": "doe"}
Master = { "FirstName": "John", "LastName": "Doe"}
응용 프로그램 코드 :
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = "myapp" ng-controller = "formctrl"> <form novalidate> 이름 : <br> <input type = "text"ng-model = "user.firstname"> <br> 성 : <br> <input type = "ng-model ="user.lastname "> <br> <br> <button </form click =" "> reset ()" "" "> = {{user}} </p> <p> master = {{mas function () {$ scope.user = copy ($ scope.master); </script> </body> </html>실행 결과 :
이름:
성:
form = { "firstName": "John", "lastName": "doe"}
Master = { "FirstName": "John", "LastName": "Doe"}
참고 : Novalidate 속성은 HTML5에 새로 추가됩니다. 브라우저를 사용한 비활성화 기본 확인.
예제 분석
NG-APP 지시문은 AngularJS 응용 프로그램을 정의합니다.
NG-Controller 지시문은 응용 프로그램 컨트롤러를 정의합니다.
NG- 모델 지침은 두 개의 입력 요소를 모델의 사용자 객체에 바인딩합니다.
formctrl 함수는 마스터 객체의 초기 값을 설정하고 rest () 메소드를 정의합니다.
Reset () 메소드는 사용자 객체를 마스터 객체와 동일하게 설정합니다.
ng- 클릭 지시문은 rest () 메소드를 호출하고 버튼을 클릭하면 호출됩니다.
응용 프로그램에서 Novalidate 속성은 필요하지 않지만 표준 HTML5 유효성 검사를 재정의하기 위해 AngularJS 양식으로 사용해야합니다.
위의 것은 AngularJS 형태 재료의 편집이며 나중에 계속 추가 할 것입니다. 프로그래밍을 도울 수있는 학생들이 있기를 바랍니다.