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

标签 dart angular-dart

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

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

最佳答案

像这样更改您的 html 以使用 $event(因为 controllers have been removed from Angular.dart 删除了 ctrl):

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

关于dart - 你如何防止 Angular-Dart 中的默认事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19751381/

相关文章:

flutter - 如何在 flutter 中从 FutureProvider 获取数据

dart - 包含项目 : within Flutter DropdownButton, 的 map 中的返回语句 为什么以及如何工作

dart - Dart 源码中接口(interface)内部是如何工作的

dart - 使用 browser_client.dart 进行多部分请求

dart - 如果两个不同的组件在同一个 View 中(ngRoute),它们如何共享一个公共(public)对象或通信?

dart - 如何部署Angular-Dart Web应用程序

angularjs - 加载变量时运行函数

android - 在Flutter中的for循环中使用时如何更改OnTap函数中的值

flutter - 将 onTapUp 事件与 Inkwell 结合使用

google-maps - 使用angular.dart在MouseEvent中找不到Gmaps LatLng