angularjs - 在 AngularJS 中输入 ng-change 时如何提交表单

Question

单击(或更改)任何输入时提交表单的“AngularJS 方式”是什么？

<form ng-submit="submit($event)" id="myForm">
  <input type="checkbox" name="foo" value="bar" ng-click="???"/>
</form>

我很想使用 jQuery 并简单地做 ng-click="$('#myForm').submit()" ，但它可能值得正确学习。

我试过做 ng-click="submit($event)" ，但这里的错误是 $event input 范围内的对象而不是整个 form (如果我错了，请纠正我，这是我从文档中得到的)。

Answer 1

好吧，你可以通过触发 AngularJS submit 事件来做这样的事情:

$scope.change = function($event) {
    $timeout(function() {
        angular.element($event.target.form).triggerHandler('submit');
    });
};

在哪里

<input type="checkbox" name="foo" value="bar" ng-click="change($event)" />

但是我认为最好在 ngClick 中简单地使用相同的功能用于 ngSubmit .

演示: http://plnkr.co/edit/tJIYD9ZVjYzwA2aXJobo?p=preview