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 元素被点击后需要执行的操作。
语法
<element ng-click="expression"></element>
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 元素被点击后执行的表达式。 |
以上就是对AngularJS ng-click 指令的资料整理，后续继续补充，希望能帮助编程AngularJS的朋友。
相关文章
通常我们需要使用管道实现对数据的格式化，下面这篇文章主要给大家介绍了关于Angular中管道操作符(|)的使用方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-12-12
本文主要讲解AngularJs directive的知识，这里整理了相关资料及示例代码，有兴趣的小伙伴可以参考下2016-09-09
Angular 2父子组件数据传递之@ViewChild获取子组件详解
这篇文章主要给大家介绍了关于Angular 2父子组件数据传递之@ViewChild获取子组件的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
这篇文章主要介绍了AngularJS中scope的绑定策略,结合实例形式简单分析了AngularJS scope的三种绑定模式的使用方法与相关注意事项,需要的朋友可以参考下2017-10-10
本篇文章主要介绍了angular5 httpclient的示例实战，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
这篇文章主要介绍了AngularJS整合Springmvc、Spring、Mybatis搭建开发环境的相关资料，为学习使用AngularJS做好基础准备，感兴趣的小伙伴们可以参考一下2016-02-02
angularjs过滤器--filter与ng-repeat配合有奇效
本篇文章主要介绍了angularjs过滤器-filter与ng-repeat的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
本篇文章主要介绍了Angular实现预加载延迟模块的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要介绍了AngularJS变量及过滤器Filter用法,结合实例形式分析了AngularJS变量、过滤器及自定义过滤器的相关用法与注意事项,需要的朋友可以参考下2016-11-11
AngularJS基础 ng-mousemove 指令简单示例
本文主要介绍AngularJS ng-mousemove 指令,这里帮大家整理了ng-mousemove 指令的详细资料,并附有示例代码,有需要的朋友参考下2016-08-08
最新评论