AngularJS ng-click zhihao

Reference Manual na AngularJS

Dingyi he yongfa

ng-click Zhihao xiangtong AngularJS zai qingdian HTML yuanxin shi yingxiao de cuo shi.

Shi lian

Lili 1

Mei ci qingdian anniu shi, jiang bianliang count zengjia 1:

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

Kai kai samar da kaiwa.

Lili 2

Nin AngularJS, kai yingxiao anniu shi, shi xing yige huancong:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Butun button na a kaiwa click a kaiwa {{count}} na lokaci.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Kai kai samar da kaiwa.

Syntax

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

Dake dake tashi na duk element na HTML suka aiki.

Parameter

Parameter Description
expression Iyali na aiki a kaiwa lokaci a kaiwa element a ciki na click.

Reference Manual na AngularJS