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要素がサポートしています。

パラメータ