AngularJS ng-if 지시

정의와 사용법

표현식의 계산 결과가 false라면,ng-if 지시는 HTML 요소를 제거합니다.

if 문의 계산 결과가 true라면, 해당 요소의 복사본이 DOM에 추가됩니다.

ng-if 지시와 ng-hide 다른ng-hide 요소의 표시를 숨기는 중, ng-if 지시는 요소를 DOM에서 완전히 제거합니다.

예제

선택을 취소하여 일부를 제거하세요:

HTML을 유지하려면：<input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1>환영합니다</h1>
<p>내 집에 오신 것을 환영합니다.</p>
<hr>
</div>

직접 시도해보세요

문법

<element ng-if="expression</element>

모든 HTML 요소가 지원됩니다.

파라미터