AngularJS ng-click 指令

AngularJS 参考手册

定义和用法

ng-click 指令告诉 AngularJS 在点击 HTML 元素时要执行的操作。

实例

例子 1

每次点击按钮时，将变量 count 增加 1：

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

亲自试一试

例子 2

在 AngularJS 中，当单击按钮时执行一个函数：

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>该按钮已被点击了 {{count}} 次。</p>
</div>

<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    };
}]);
</script>

</body>

亲自试一试

语法

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

所有 HTML 元素都支持。

参数

参数 描述
expression 元素被点击时要执行的表达式。

AngularJS 参考手册