Angularjs ng-if 지침
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> <body ng-app = ng-model = "myvar"ng-init = "myvar = true"> <div ng-if = "myvar"> <h1> 환영 </h1> <p> 내 집에 오신 것을 환영합니다. </p> <hr> </div> <p> 수표 상자가 체크되지 않으면 DIV 요소가 제거됩니다. </p> <p> 확인란이 다시 선택되면 DIV 요소가 다시 제공됩니다. </p> </body> </html>
정의 및 사용법
NG-IF 지침은 표현식이 False 일 때 HTML 요소를 제거하는 데 사용됩니다.
IF 문의 실행 결과가 true 인 경우 제거 된 요소가 추가되어 표시됩니다.
NG-IF 지침은 NG-HIDE와 다르며, 여기서 NG-HIDE는 요소를 숨기고 NG-IF는 DOM에서 요소를 제거합니다.
문법
<요소 ng-if = "expression"> </element>
모든 HTML 요소는이 지침을 지원합니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 표현 | 표현식이 False를 반환하면 전체 요소가 제거되고 True가 있으면 요소가 추가됩니다. |
위의 것은 AngularJS의 기본 지식을 편집 한 것입니다. 나중에 계속 추가 할 것입니다. 지원해 주셔서 감사합니다.