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,後跟事件物件。