AngularJS基础 ng-click 指令示例代码


Posted in Javascript onAugust 01, 2016

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 元素被点击后需要执行的操作。

语法

<element ng-click="expression"></element>

所有 HTML 元素都支持。

参数值

描述
expression 元素被点击后执行的表达式。

以上就是对AngularJS ng-click 指令的资料整理,后续继续补充,希望能帮助编程AngularJS的朋友。

Javascript 相关文章推荐
Javascript中eval函数的使用方法与示例
Apr 09 Javascript
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 Javascript
js文件包含的几种方式介绍
Sep 28 Javascript
JavaScript开发人员的10个关键习惯小结
Dec 05 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
JavaScript的==运算详解
Jul 20 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
Jul 28 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 Javascript
JavaScript undefined及null区别实例解析
Jul 21 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 #Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 #Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 #Javascript
js添加千分位的实现代码(超简单)
Aug 01 #Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 #Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 #Javascript
JS遍历页面所有对象属性及实现方法
Aug 01 #Javascript
You might like
php 类自动载入的方法
2015/06/03 PHP
php实现的mongoDB单例模式操作类
2018/01/20 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jquery实现拖动效果
2016/08/10 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
Vue表单控件绑定图文详解
2019/02/11 Javascript
layui弹出框Tab选项卡的示例代码
2019/09/04 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
python实现简单的socket server实例
2015/04/29 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
2013/01/09 HTML / CSS
大学老师推荐信
2014/02/25 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
面试复试通知单
2015/04/24 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers