AngularJS快速入門指南11 事件

angularjs擁有自己的html事件指令。

ng-click指令定義了angularjs的click事件。

<

div 
=""ng-controller
="myctrl"
>
<
button 
ng-click
="count = count + 1"
>click me!
button
>
<
p>}
p>
div>

ng-hide="true"將使html元素invisible（即隱藏）。

ng-hide="false"將使html元素visible（即可見）。

<

div 
ng-controller
="personctrl"
>
<
button 
ng-click
="toggle()"
>toggle
button
>
<
p ng-hide
="myvar"
>
first name: 
<
input 
type
="text"
ng-model
="firstname"
><
br>
last name: 
<
input 
type
="text"
ng-model
="lastname"
><
br>
<
br>
full name: }
p>
div>
<
script
>
var=
angular.module(''
, );
'personctrl', 
function
($scope) ;
});script
>

**解釋：

personctrl定義了乙個控制器，這和控制器一章中的內容相同。

元素擁有兩個input標籤，ng-hide指令通過myval變數的值（true或false）設定visibility。

函式toggle()用來轉換myvar變數的值，將其修改為true或false。

當ng-hide="true"時html元素會被隱藏（即invisible）。

ng-show="false"將使html元素invisible（即隱藏）。

ng-show="true"將使html元素visible（即可見）。

上一小節中的示例也可以用ng-show來代替實現相同的功能：

<

div 
ng-controller
="personctrl"
>
<
button 
ng-click
="toggle()"
>toggle
button
>
<
p ng-show
="myvar"
>
first name: 
<
input 
type
="text"
ng-model
="firstname"
><
br>
last name: 
<
input 
type
="text"
ng-model
="lastname"
><
br>
<
br>
full name: }
p>
div>
<
script
>
var=
angular.module(''
, );
'personctrl', 
function
($scope) 
});script
>

AngularJS快速入門指南01 導言

angularjs使用新的attributes擴充套件了html angularjs對單頁面應用的支援非常好 spas angularjs非常容易學習 本指南旨在幫助你盡可能快速而有效地學習angularjs。通過該指南你會學習到angularjs的一些基本特性，例如指令 表示式 過濾器 模組和控制...

AngularJS快速入門指南01 導言

angularjs使用新的attributes擴充套件了html angularjs對單頁面應用的支援非常好 spas angularjs非常容易學習 本指南旨在幫助你盡可能快速而有效地學習angularjs。通過該指南你會學習到angularjs的一些基本特性，例如指令 表示式 過濾器 模組和控制...

AngularJS快速入門指南10 DOM節點

div p button ng disabled myswitch click me button p p input type checkbox ng model myswitch button p div 執行 解釋 ng model指令將html checkbox元素的value值繫結到mys...