AngularJSng-hide
ディレクティブ
例
チェックボックスがオンになっているときにセクションを非表示にします。
Hide HTML: <input type="checkbox" ng-model="myVar">
<div
ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
定義と使用法
式がtrueと評価された場合、ng-hide
ディレクティブは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. |