问题描述
我有一个带有一些隐藏输入的表单,在表单(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 (将#修改为@)