AngularJSイベント
AngularJSには、独自のHTMLイベント指令があります。
ngクリックコマンド
NG-Clickディレクティブは、AngularJSクリックイベントを定義します。
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-click = "count = count + 1">私をクリックしてください！ </button> <p> {{count}} </p> </div> <script> var app = angular.module（ 'myapp'、[]）; app.controller（ 'myctrl'、function（$ scope）{$ scope.count = 0;}）; </scritiランニング効果：
0
HTML要素を非表示にします
ng-hideディレクティブは、アプリケーションパーツが表示されているかどうかを設定するために使用されます。
ng-hide = "true"は、HTML要素が見えないことを設定します。
ng-hide = "false"は、HTML要素を表示するように設定します。
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-click = "toggle（）"> hide/show </button> <p ng-hide = "myvar"> name：<入力タイプ= text ng-model = "firstname"> <br> name：<入力タイプ= text ng-model = "lastName"> <br> <br> name：{{firstName + " + lastName" + app> </p angular.module（ 'myApp'、[]）; app.controller（ 'personctrl'、function（$ scope）{$ scope.firstname = "john"; $ scope.lastname = "doe"; $ scope.myvar = fals; $ scope.toggle = function（）{$ scope.myvar =！$ scope。 }}）; </script> </body> </html>実行結果：
名前：
姓：
名前：ジョン・ドー
アプリケーション分析：
PersonControllerの最初の部分は、コントローラーの章に似ています。
アプリケーションにはデフォルトのプロパティがあります：$ scope.myvar = false;
ng-hideディレクティブは、<p>要素と2つの入力フィールドが表示されているかどうかを設定し、myvarの値に応じて表示されるかどうかを設定します（true or false）。
toggle（）関数は、myvar変数の値を切り替えるために使用されます（true and false）。
ng-hide = "true"は要素を見えなくします。
HTML要素を表示します
NG-Showディレクティブを使用して、アプリケーションの一部が表示されているかどうかを設定できます。
ng-show = "false"は、HTML要素を見えないように設定できます。
ng-show = "true"は、HTML要素に表示されるように設定できます。
次の例では、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"> </script> </head> ng-click = "toggle（）"> hide/show </button> <p ng-show = "myvar"> name：<input type = text ng-model = "person.firstname"> <br> name：<入力タイプ=テキストng-model = "person.lastname"> <br> <br> <br> person.lastname}} </p> </div> <script> var app = angular.module（ 'myApp'、[]）; app.controller（ 'personctrl'、function（$ scope）{$ scope.person = {firstName： "john"、lastName： "doe"}; $ scope.myvar =！$ scope.myvar;}; </script> </body> </html>実行結果：
名前：
姓：
名前：ジョン・ドー
上記は、AngularJSイベント情報の編集です。後で追加し続けます。困っている友人による参照のため。