在下面的代码示例中,有一种“ 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)
| 归档时间: |
|
| 查看次数: |
2343 次 |
| 最近记录: |