为什么jQuery Submit不会将充满ng值的数据发送到服务器端?

问题描述

我有一个带有一些隐藏输入的表单,在表单(ul-li's)内部有一些选项,每个ng都单击ng-click,例如以下代码

<form>
<input type="hidden" id="actionTodoInput" name="action" ng-value="actionTodo"/>
<ul>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION1">Submit this form!</li>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION2">Submit this form!</li>
<li ng-click="submitForm($event)" data-action="DO_THIS_ACTION3">Submit this form!</li>


...
</ul>
</form>

在Angular + jQuery方面:

...
$scope.actionTodo = "";
$scope.submitForm = submitForm;
function submitForm(event){
   $this = $(event.currentTarget); // li
   $scope.actionTodo = $this.data('action');
   $this.closest('form').submit();
}

然后在服务器端,当我等待actionTodo的值时,action的值为null,但是如果我通过jQuery设置actionTodoInput的值,它将起作用:

$this.closest('form').find('#actionTodoInput').val( $this.data('action') );

我认为这是由于Angular和jQuery的结合所致,因为如果打开浏览器检查器,我会看到Angular代码工作正常,只是.submit()不会将数据发送到服务器端。

如何在没有jquery提交的情况下起作用?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)