<!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>點擊按鈕:</p>

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

<p>按鈕被點擊了 {{count}} 次。</p>

<p>實例中，按鈕每被點擊一次變量 "count" 會自動加 1。</p>

</body>
</html>

注意：實例中，按鈕每被點擊一次變量 "count"

定義和用法

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

語法

所有 HTML 元素都支持。

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

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