javascript - ng-click 而不是提交

Question

在表单中单击提交后，一些 JavaScript 会运行来修改数据并将其发送到 HTML 中指定的任何表单操作:

// Submit the form:
    // $form.get(0).submit();
    $('.submit', $(event.target.form)).click();

我想改用 ng-click 并将该信息发送到 Angular 函数，例如 vm.checkout()。

我怎样才能做到这一点？

Answer 1

使用ngSubmit指令而不是ngClick进行表单提交。它绑定(bind)到提交form时触发的提交事件。

ng-submit works only when forms submitted. where as ng-click can work without form submit event.

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function($scope) {
    $scope.submitMe = function () {
    alert('Submitted');
  };
});

<div ng-app="myApp" ng-controller="MyCtrl">
    <form ng-submit="submitMe()" name="myForm">
    <button type="submit">submit</button>
  </form>
</div>