<!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>
<body ng-app="">

<p>點(diǎn)擊按鈕:</p>

<button ng-click="count = count + 1" ng-init="count=0">OK</button>

<p>按鈕被點(diǎn)擊了 {{count}} 次。</p>

<p>實(shí)例中，按鈕每被點(diǎn)擊一次變量 "count" 會(huì)自動(dòng)加 1。</p>

</body>
</html>

注意：實(shí)例中，按鈕每被點(diǎn)擊一次變量 "count"

定義和用法

ng-click 指令告訴了 AngularJS HTML 元素被點(diǎn)擊后需要執(zhí)行的操作。

語(yǔ)法

所有 HTML 元素都支持。

參數(shù)值

值	描述
expression	元素被點(diǎn)擊后執(zhí)行的表達(dá)式。

以上就是對(duì)AngularJS ng-click 指令的資料整理，后續(xù)繼續(xù)補(bǔ)充，希望能幫助編程AngularJS的朋友。

您可能感興趣的文章:

相關(guān)文章

AngularJS實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)庫(kù)信息
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)庫(kù)信息效果的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-07-07
Angular頁(yè)面間切換及傳值的4種方法
這篇文章主要為大家詳細(xì)介紹了Angular頁(yè)面間切換及傳值的四種方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
Angular4綁定html內(nèi)容出現(xiàn)警告的處理方法
這篇文章主要給大家介紹了關(guān)于Angular4綁定html內(nèi)容出現(xiàn)警告的處理方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-11-11
AngularJS基礎(chǔ) ng-submit 指令簡(jiǎn)單示例
本文主要介紹AngularJS ng-submit 指令,這里對(duì)ng-submit 指令的基礎(chǔ)資料做了詳細(xì)介紹整理，并附有代碼示例，有需要的小伙伴可以參考下
2016-08-08
Angular 4.0學(xué)習(xí)教程之架構(gòu)詳解
作為一種大受歡迎的Web應(yīng)用程序框架,Angular終于迎來(lái)了版本4.0，下面這篇文章主要給大家介紹了關(guān)于Angular 4.0學(xué)習(xí)教程之架構(gòu)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09
Angular 2.x學(xué)習(xí)教程之結(jié)構(gòu)指令詳解
結(jié)構(gòu)指令通過(guò)添加和刪除 DOM 元素來(lái)更改 DOM 布局。Angular 中兩個(gè)常見(jiàn)的結(jié)構(gòu)指令是 *ngIf 和 *ngFor，下面這篇文章主要給大家介紹了關(guān)于Angular 2.x結(jié)構(gòu)指令的相關(guān)資料，需要的朋友可以參考下。
2017-05-05
AngularJS使用ng-Cloak阻止初始化閃爍問(wèn)題的方法
這篇文章主要介紹了AngularJS使用ng-Cloak阻止初始化閃爍問(wèn)題的方法,結(jié)合實(shí)例形式分析了AngularJS使用ng-Cloak來(lái)解決初始化時(shí)出現(xiàn)閃爍問(wèn)題的相關(guān)技巧,需要的朋友可以參考下
2016-11-11
詳解JavaScript的AngularJS框架中的表達(dá)式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達(dá)式與指令,文中羅列了幾個(gè)常用的指令屬性加以說(shuō)明,需要的朋友可以參考下
2016-03-03
Angularjs使用過(guò)濾器完成排序功能
這篇文章主要為大家詳細(xì)介紹了Angularjs使用過(guò)濾器完成排序功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
AngularJS 中文API參考手冊(cè)
本文主要介紹AngularJS API,這里對(duì)AngularJS的指令,事件,全局API等做中文翻譯,希望能幫助有需要的小伙伴
2016-07-07