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 リファレンスマニュアル