AngularJS `ng-if`指令

AngularJS 实例

選択を解除し、コンテンツを削除:

保留 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 の場合、削除した要素が追加され、表示されます。

ng-ifディレクティブは ng-hide とは異なります。ng-hide は要素を非表示にしますが、ng-ifDOM から要素を削除することです。

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

すべてのHTML要素がこのディレクティブをサポートしています。

值	描述
expression	式がfalseを返す場合は要素全体が削除され、trueの場合は要素が追加されます。

其他扩展