javascript - Angular JS 不允许 preventDefault 或 return false 处理表单提交

Question

我有一个表单，我想通过 AJAX 传送:

<form class="form-inline ng-pristine" ng-submit="sendForm()" method="post" action="/sign_up" accept-charset="UTF-8">

$scope.sendForm = (e) ->
  e.preventDefault ->
  console.log 'sendForm()'
  return false  

console.log 出现，并立即传送表单。

它忽略 e.preventDefault() 和 return false。

AngularJS 让我想起蜜獾。它只是不在乎。

Answer 1

我知道我来晚了，但如果你还没有弄清楚，你可以保持 Action 并通过将 $event 传递给ng-submit 函数。然后，在完成所有处理后，您可以在 Controller 中使用 event.preventDefault();。

所以在你的情况下会是:

<form class="form-inline ng-pristine" ng-submit="sendForm($event)" method="post" action="/sign_up" accept-charset="UTF-8">

$scope.sendForm = (e) ->
  // doing stuff
  e.preventDefault()

希望这对您有所帮助。