AngularJS拥有自己的HTML事件指令。

---

ng-click指令

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

     
      Click me!
      
{
   { count }}
     

---

隐藏HTML元素

　　ng-hide指令可以用来显示（或隐藏）application中的部分内容。

　　ng-hide="true"将使HTML元素invisible（即隐藏）。

　　ng-hide="false"将使HTML元素visible（即可见）。

     
      Toggle
      
First Name: 
Last Name: 
Full Name: {
    {firstName + " " + lastName}}
     

代码解释：

　　personCtrl定义了一个控制器，这和控制器一章中的内容相同。

　　application有一个默认属性（变量）：$scope.myVar = false;

　　元素<p>拥有两个input标签，ng-hide指令通过myVal变量的值（true或false）设置visibility。

　　函数toggle()用来转换myVar变量的值，将其修改为true或false。

　　当ng-hide="true"时HTML元素会被隐藏（即invisible）。

---

显示HTML元素

　　ng-show指令也可以用来显示（或隐藏）application中的部分内容（与ng-hide指令正好相反）。

　　ng-show="false"将使HTML元素invisible（即隐藏）。

　　ng-show="true"将使HTML元素visible（即可见）。

　　上一小节中的示例也可以用ng-show来代替实现相同的功能：

     
      Toggle
      
First Name: 
Last Name: 
Full Name: {
    {firstName + " " + lastName}}