Angularjs html dom
AngularJS는 HTML DOM 요소의 특성에 대한 응용 프로그램 데이터를 바인딩하는 지침을 제공합니다.
NG 장애인 명령
NG 방지 지침은 응용 프로그램 데이터를 HTML의 비활성화 속성에 직접 바인딩합니다.
AngularJS 인스턴스
<! 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> <lyg-app = "" " ng-init = "mySwitch = true"> <p> <버튼 ng disibring = "mySwitch"> 클릭을 클릭하십시오! </button> </p> <p> <input type = "checkbox"ng-model = "mySwitch"/> button </p> <p> {{myswitch} </p> </body> </html>실행 효과 :
단추
진실
예제 설명 :
NG 방지 지침은 응용 프로그램 데이터 "MySwitch"를 HTML의 장애인 속성에 바인딩합니다.
NG- 모델 지침은 "MySwitch"를 HTML 입력 확인란 요소의 내용 (값)에 바인딩합니다.
MySwitch가 참이면 버튼을 사용할 수 없습니다.
<p> <버튼 비활성화> 나를 클릭하십시오! </버튼> </p>
MySwitch가 False 인 경우 버튼을 사용할 수 있습니다.
<p> <버튼> 나를 클릭하십시오! </button> </p>
NG-SHOW 명령
NG-SHOW 지시문은 HTML 요소를 숨기거나 표시합니다.
AngularJS 인스턴스
<! 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> <sody> <div ng-app = "" "" "" "" 보이는. </p> <p ng-show = "false"> 나는 보이지 않습니다. </p> </div> </body> </html>
실행 효과 :
나는 눈에 띄었다.
NG-SHOW 지시문은 값의 값에 따라 HTML 요소를 표시합니다 (가죽).
표현식을 사용하여 부울 값 (참 또는 거짓)을 계산할 수 있습니다.
AngularJS 인스턴스
<! 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> <div ng-app = "ng ="> ng-show = "Hour> 12"> 나는 보인다. </p> </div> </body> </html>
실행 결과 :
나는 눈에 띄었다.
참고 다음 장에서는 버튼을 클릭하여 HTML 요소를 숨기는 더 많은 예를 제공합니다.
Ng-Hide 명령
NG-HIDE 지침은 HTML 요소를 숨기거나 표시하는 데 사용됩니다.
AngularJS 인스턴스
<! 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> <div ng- app = <tem-hide = "" "> am"> am "> 보이지 않는. </p> <p ng-hide = "false"> 나는 보입니다. </p> </div> </body> </html>
실행 결과 :
나는 눈에 띄었다.
위는 AngularJS HTML DOM 재료의 편집입니다. 우리는 나중에 계속 추가 할 것입니다. AngularJS를 프로그램하는 데 도움이 될 수 있기를 바랍니다.