最新のWeb開発のチュートリアル
 

AngularJS ngの非表示指令


チェックボックスがチェックされたときにセクションを非表示にします:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
»それを自分で試してみてください

定義と使用法

ng-hide式がtrueと評価された場合ディレクティブは、HTML要素を非表示にします。

ng-hideまた、AngularJSで定義済みのCSSクラスであり、要素の設定displayするnone


構文

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

CSSクラスとして使用する場合:

< element class="ng-hide"></ element >

すべてのHTML要素によってサポートされています。


パラメーター値

Value Description
expression An expression that will hide the element if the expression returns true.