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

bas*_*eps 3 dart angular-dart

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

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

小智 5

将您的 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>
Run Code Online (Sandbox Code Playgroud)

在您的组件类中:

void addTask(MouseEvent evt){
  evt.preventDefault();
}
Run Code Online (Sandbox Code Playgroud)