如何防止 Angular-Dart 中的默认事件

【问题标题】：How do you prevent default events in Angular-Dart如何防止 Angular-Dart 中的默认事件
【发布时间】：2013-11-03 09:10:19
【问题描述】：

在下面的代码示例中，有一种“Angular 方式”可以防止按钮单击或表单提交的默认事件。目前我正在使用“onsubmit”来完成任务。

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

【问题讨论】：

【解决方案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>

在你的组件类中：

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

【讨论】：

【解决方案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();
  }
}

【讨论】：