AngularJS基礎 ng-click 指令示例代碼
更新時間:2016年08月01日 09:58:34 投稿:lqh
本文介紹AngularJS ng-click 指令,這里整理了ng-click指令的基礎知識并且附有簡單示例代碼和實現效果圖,有需要的小伙伴參考下
AngularJS ng-click 指令
AngularJS 實例
按鈕每次點擊時,計數變量 count 自動加 1:
<!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í)行的操作。
語法
<element ng-click="expression"></element>
所有 HTML 元素都支持。
參數值
值 | 描述 |
---|---|
expression | 元素被點擊后執(zhí)行的表達式。 |
以上就是對AngularJS ng-click 指令的資料整理,后續(xù)繼續(xù)補充,希望能幫助編程AngularJS的朋友。
相關文章
AngularJS使用ng-Cloak阻止初始化閃爍問題的方法
這篇文章主要介紹了AngularJS使用ng-Cloak阻止初始化閃爍問題的方法,結合實例形式分析了AngularJS使用ng-Cloak來解決初始化時出現閃爍問題的相關技巧,需要的朋友可以參考下2016-11-11詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下2016-03-03