Angularjs ng-if指令
AngularJSインスタンス
チェックしてコンテンツを削除します：
<！Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> ng-model = "myvar" ng-init = "myvar = true"> <div ng-if = "myvar"> <h1>歓迎</h1> <p>私の家へようこそ。 </p> <p>チェックボックスが再選択されると、div要素が再表示されます。 </p> </body> </html>
定義と使用法
NG-IFディレクティブは、式が偽の場合にHTML要素を削除するために使用されます。
IFステートメントの実行の結果がtrueである場合、削除された要素が追加されて表示されます。
NG-IF指令はNg-Hideとは異なり、Ng-Hideは要素を隠し、Ng-IFはDOMから要素を削除します。
文法
<要素ng-if = "expression"> </element>
すべてのHTML要素はこの指令をサポートしています。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 式がfalseを返すと、要素全体が削除され、真である場合、要素が追加されます。 |
上記は、Angularjsの基本的な知識の編集です。後で追加し続けます。ご支援ありがとうございます。