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

语法

所有 HTML 元素都支持。

参数值

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

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

您可能感兴趣的文章:

AngularJS实现分页显示数据库信息
这篇文章主要为大家详细介绍了AngularJS实现分页显示数据库信息效果的相关资料，感兴趣的小伙伴们可以参考一下
2016-07-07
Angular页面间切换及传值的4种方法
这篇文章主要为大家详细介绍了Angular页面间切换及传值的四种方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
Angular4绑定html内容出现警告的处理方法
这篇文章主要给大家介绍了关于Angular4绑定html内容出现警告的处理方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-11-11
AngularJS基础 ng-submit 指令简单示例
本文主要介绍AngularJS ng-submit 指令,这里对ng-submit 指令的基础资料做了详细介绍整理，并附有代码示例，有需要的小伙伴可以参考下
2016-08-08
Angular 4.0学习教程之架构详解
作为一种大受欢迎的Web应用程序框架,Angular终于迎来了版本4.0，下面这篇文章主要给大家介绍了关于Angular 4.0学习教程之架构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-09-09
Angular 2.x学习教程之结构指令详解
结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor，下面这篇文章主要给大家介绍了关于Angular 2.x结构指令的相关资料，需要的朋友可以参考下。
2017-05-05
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
这篇文章主要介绍了AngularJS使用ng-Cloak阻止初始化闪烁问题的方法,结合实例形式分析了AngularJS使用ng-Cloak来解决初始化时出现闪烁问题的相关技巧,需要的朋友可以参考下
2016-11-11
详解JavaScript的AngularJS框架中的表达式与指令
这篇文章主要介绍了JavaScript的AngularJS框架中的表达式与指令,文中罗列了几个常用的指令属性加以说明,需要的朋友可以参考下
2016-03-03
Angularjs使用过滤器完成排序功能
这篇文章主要为大家详细介绍了Angularjs使用过滤器完成排序功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
AngularJS 中文API参考手册
本文主要介绍AngularJS API,这里对AngularJS的指令,事件,全局API等做中文翻译,希望能帮助有需要的小伙伴
2016-07-07