AngularJSng-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. |