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