如何防止角落飛鏢中的默認事件

Question

在下面的代碼示例中，有一個'角度方式'用於防止按鈕單擊或表單提交的默認事件。目前我使用'onsubmit'來完成任務。

<form onsubmit="return false;"> 
    <input ng-model="ctrl.task"> 
    <button class="btn btn-primary" ng-click="ctrl.addTask()">Add</button> 
</form> 

Answer 1

更改您的HTML中使用$event這樣（CTRL因爲controllers have been removed from Angular.dart刪除）：

<form onsubmit="return false;"> 
    <input ng-model="task"> 
    <button class="btn btn-primary" ng-click="addTask($event)">Add</button> 
</form> 

的d在您的組件類中：

void addTask(MouseEvent evt){ 
    evt.preventDefault(); 
} 

Answer 2

<form onsubmit="return false;"> 
    <input ng-model="ctrl.task"> 
    <button class="btn btn-primary" ng-click="ctrl.addTask($event)">Add</button> 
</form> 

在控制器：

$scope.ctrl = function() { 
    addTask: function(event) { 
    event.preventDefault(); 
    } 
}