AngularJS ng-hide
지시문
예시
확인란이 선택되어 있으면 섹션 숨기기:
Hide HTML: <input type="checkbox" ng-model="myVar">
<div
ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
정의 및 사용
표현식 이 ng-hide
true로 평가되면 지시문은 HTML 요소를 숨깁니다.
ng-hide
AngularJS의 미리 정의된 CSS 클래스이기도 하며 요소 display
를 로 설정합니다 none
.
통사론
<element ng-hide="expression"></element>
CSS 클래스로 사용되는 경우:
<element class="ng-hide"></element>
모든 HTML 요소에서 지원됩니다.
매개변수 값
Value | Description |
---|---|
expression | An expression that will hide the element if the expression returns true. |