dart - Angular-Dart でデフォルトのイベントをどのように防止しますか?

Question

次のコード サンプルには、ボタン クリックまたはフォーム送信のデフォルト イベントを防止する「 Angular の方法」があります。現在、タスクを達成するために「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 を変更します(コントローラーが Angular.dart から削除さ$eventれたため、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();
}

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