ngClick

ng-click 指令将 click 事件附加到 DOM 元素。

ng-click 指令允许你在单击 DOM 元素时指定自定义行为。

当你想要在按钮上附加点击事件并在控制器上处理它们时,它非常有用。

该指令接受一个表达式,其中 events 对象可用作 $event

HTML

<input ng-click="onClick($event)">Click me</input>

调节器

.controller("ctrl", function($scope) {   
    $scope.onClick = function(evt) {
        console.debug("Hello click event: %o ",evt);
    } 
})

HTML

<button ng-click="count = count + 1" ng-init="count=0">
  Increment
</button>
<span>
  count: {{count}}
</span>

HTML

<button ng-click="count()" ng-init="count=0">
  Increment
</button>
<span>
  count: {{count}}
</span>

调节器

...

$scope.count = function(){
    $scope.count = $scope.count + 1;
}
...

单击该按钮时,调用 onClick 函数将打印 Hello click event,后跟事件对象。