微客导航 » 文章资讯 » AngularJS ngClick

AngularJS ngClick

2024-04-13 15:13:03 325

示例

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

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

当您要在按钮上附加单击事件并在控制器上处理它们时，此功能很有用。

该指令接受带有事件对象的表达式，该事件对象可作为$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函数的调用将打印“Helloclickevent”（Hello单击事件），后跟事件对象。