例
セクションを削除するには、チェックボックスをオフにします：
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の非表示と異なって、ディレクティブが完全にDOMから要素を削除NG-場合でした。
構文
< 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. |