CODEWITHSUNDEEP
dartangular-dart
basheps
basheps

Reputation: 10614

How do you prevent default events in Angular-Dart

In the following code sample is there a 'Angular way' of preventing the default event of a button click or form submit. Currently I'm using 'onsubmit' to accomplish the task.

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

Upvotes: 3

Views: 2398

Answers (2)

user2626414
user2626414

Reputation: 

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

In the controller:

$scope.ctrl = function() {
  addTask: function(event) {
    event.preventDefault();
  }
}

Upvotes: 1

Yenfob
Yenfob

Reputation: 76

Change your html to use $event like this (ctrl removed because 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>

And in your component class:

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

Upvotes: 5

Related Questions