AngularJS ng-hide 指示

定義と用法

式が true である場合の計算結果を表現するng-hide ディレクティブはHTML要素を隠します。

ng-hide AngularJSで事前に定義されたCSSクラスであり、要素の display 設定 none。

例

チェックボックスを選択すると隠す部分：

HTMLを隠す：<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>ようこそ</h1>
<p>私の家にようこそ。</p>
</div>

実際に試してみてください

文法

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

CSS クラスとして使用された場合:

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

すべての HTML 要素がサポートしています。

パラメータ