W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

AngularJS ng-click 指令



Example

按钮每次点击时,计数变量 count 自动加 1:

<button ng-click="count = count + 1" ng-init="count=0">OK</button>
尝试一下 »

定义和用法

ng-click 指令告诉了 AngularJS HTML 元素被点击后需要执行的操作。


语法

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

所有 HTML 元素都支持。


参数值

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

更多实例

Example

在 AngularJS 中当一个按钮被点击的时候执行一个函数:

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>The button has been clicked {{count}} times.</p>
</div>

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

</body>
尝试一下 »