AngularJS 事件

AngularJS 有自己的 HTML 事件指令。

ng-click 指令

ng-click指令定义了 AngularJS 点击事件。

     
  
 点我！ 
{{ count }}
 
   

隐藏 HTML 元素

ng-hide指令用于设置应用部分是否可见。

ng-hide="true"设置 HTML 元素不可见。

ng-hide="false"设置 HTML 元素可见。

     
  
 隐藏/显示 
 名: 
 姓: 

 姓名: {{firstName + " " + lastName}} 
 
   

应用解析:

第一部分personController与控制器章节类似。

应用有一个默认属性:$scope.myVar = false;

ng-hide指令设置

元素及两个输入域是否可见， 根据myVar的值 (true 或 false) 来设置是否可见。

toggle()函数用于切换myVar变量的值（true 和 false）。

ng-hide="true"让元素不可见。

显示 HTML 元素

ng-show指令可用于设置应用中的一部分是否可见。

ng-show="false"可以设置 HTML 元素不可见。

ng-show="true"可以以设置 HTML 元素可见。

以下实例使用了 ng-show 指令:

     
  
 隐藏/显示 
 名: 
 姓: 

 姓名: {{person.firstName + " " + person.lastName}}