Angularjs ng-hideディレクティブ
AngularJSインスタンス
[チェック]ボックスが選択されたら部品を非表示します。
<！Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </scrip> </head> ng-model = "myvar"> <div ng-hide = "myvar"> <h1>ようこそ</h1> <p>私の家へようこそ。</p> </div> </body> </html>
定義と使用法
Ng-Hideディレクティブは、式が真であるときにHTML要素を隠します。
ng-hideは、事前に定義されたクラスのAngularjsであり、要素の表示を非表示にします。
文法
<要素ng-hide = "expression"> </element>
CSSクラスとして使用してください：
<要素> </要素>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 式は、要素がtrueを返す場合、要素を隠します。 |
上記は、Angularjs ng-hideディレクティブの基本的な知識であり、後で追加されます。