Angularjs ng-showディレクティブ
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-show = "myvar"> <h1>ようこそ</h1> <p>私の家へようこそ。</p> </div> </body> </html>
定義と使用法
ng-showディレクティブは、式が真であるときに指定されたHTML要素を表示します。それ以外の場合は、指定されたHTML要素を隠します。
文法
<要素ng-show = "expression"> </element>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 式が真である場合、指定されたHTML要素が表示されます。 |
上記は、Angularjs ng-show命令の基本情報の編集であり、将来的に関連情報が追加されます。