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

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，因为控制器已从 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();
}

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();
  }
}