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 參考手冊