AngularJS ng-if
지시문
예시
섹션을 제거하려면 확인란을 선택 취소합니다.
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
정의 및 사용
표현식 이 ng-if
false로 평가되면 지시문은 HTML 요소를 제거합니다.
if 문이 true로 평가되면 요소의 복사본이 DOM에 추가됩니다.
ng-if
지시문은 요소의 표시를 숨기는 ng-hide와 다릅니다. 여기서 ng-if 지시문은 DOM에서 요소를 완전히 제거합니다 .
통사론
<element ng-if="expression"></element>
모든 HTML 요소에서 지원됩니다.
매개변수 값
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |