Инструкция ng-click в AngularJS

Референсное руководство 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