例
チェックボックスがチェックされたときにセクションを非表示にします:
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. |