问题标签 [ng-submit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
12658 浏览

angularjs - AngularJS:以正常方式提交表单

我正在一个现有的 Web 应用程序上实现 AngularJS,它需要一个通用的 HTTP POST,就像没有 AngularJS 一样。

这似乎比我预期的要困难。页面 URL 是动态生成的,无法使用 PHP 回显。我尝试使用 jQuery 修改表单操作,但这似乎也不起作用。

真的不能以正常方式提交表单吗?这就是我对正常形式的意思:

这与 AngularJS 的形式相同:

第一个表单执行常规表单发布,第二个表单不执行。根据http://docs.angularjs.org/api/ng.directive:form这是设计使然,我可以在表单中提供“action”参数。将其留空不起作用,并且使用 jQuery 对其进行修改似乎也不起作用。

0 投票
6 回答
52214 浏览

javascript - ng-submit 在 angularjs 中不起作用

我的观点:

我的控制器:

然而,当我点击保存时,我没有收到警报。不知道那里发生了什么。

0 投票
6 回答
13779 浏览

javascript - Angular ng-submit 调用了两次

我有一个角度表单,其提交方法被击中两次,我不知道为什么。我对 Angular 很陌生,所以我可能忽略了一些相当简单的东西......

html:

JS:

控制台窗口:

所以,我尝试的第一件事是停止传播事件,但这并没有任何实际效果。经过事件对象后,它们看起来是相同的。唯一不同的是“表单”对象。属性相同,只是一个显示“c”,另一个显示“Constructor”。

任何想法可能导致此触发两次?在这两种情况下,事件目标都设置为表单元素,并且我没有使用任何onclick函数或表单中的任何其他类型的事件。

0 投票
3 回答
7884 浏览

angularjs - 使用 ng-submit 提交表单并触发同步发布请求

我有一个表单,我想在用户单击提交时触发验证。如果验证失败,则会显示适当的错误消息。这很管用。

但是,如果验证通过,我希望表单提交一个同步 POST 请求并重新加载整个页面,就好像操作和方法参数像往常一样设置。

如何实现从 AngularJS 范围内的 ng-submit 函数触发正常的发布操作(不是 AJAX)?

当然,我的表格基本上如下所示:

我能想到的最好的办法是用另一个隐藏的表单提交该表单的内容来镜像表单的内容,但必须有更好的方法!

澄清:如果验证通过,我需要表单提交基本上表现得像一个正常的同步发布表单提交,它将用户放在服务器从发布请求返回的页面上。

0 投票
1 回答
1241 浏览

json - 如何仅在单击时更新模型(角带预输入和 json)

我无法弄清楚如何仅在用户从预先输入菜单中选择或单击搜索按钮时才更新动态数据。

现在,与搜索查询相关的动态内容会在输入值更改时自动更新(内容消失)。我希望内容保持可见,直到在预先输入列表中单击新选择或单击搜索按钮。

任何见解都将不胜感激!谢谢!

Plunker 演示:

http://plnkr.co/edit/jVmHwIwJ0KOKCnX6QjVa?p=preview

代码:

0 投票
2 回答
6470 浏览

angularjs - ng-submit 在 Angular js 中不起作用

我知道还有很多其他类似的问题,但我没有在那里找到答案。

0 投票
1 回答
1518 浏览

javascript - 带有焦点事件的 ng-submit

在 angularjs 中,我在页面上创建了一个表单......当我在输入中输入文本并按 Enter 时,调用 ng-submit 方法,是否有任何方法可以在焦点输出事件上调用方法。

小提琴代码:: http://fiddle.jshell.net/Lyz6z/

0 投票
2 回答
817 浏览

angularjs - Angular.js - Jade,表单提交

我是 Angular 的新手,我正在根据以下样板构建我的第一个实时页面:

https://github.com/jimakker/angular-express-bootstrap-seed

我无法让我的第一个表单提交。事实上,当我单击按钮时,什么也没有发生。下面给出了代码中的相关片段:

局部视图:

我查看了呈现的输出并确认提交按钮确实在表单标记内。

控制器:

我什至没有打第一个警报声明,我完全不确定为什么。另一个控制器 DropdownCtrl(用于单个表单元素)工作得很好,我可以使用控制器动态填充值。请帮我找到丢失的部分。

0 投票
2 回答
5472 浏览

javascript - AngularJS ngSubmit 不调用控制器函数

我有一个我正在尝试使用 ng-submit 的表单,但它没有调用控制器函数 submit()

索引.html

表格:

还有我的 app.js:

还有我的controller.js:

当我点击提交时,它并没有出错或真正做任何事情......感觉好像我错过了一些明显的东西,但我已经看过这个并且一切似乎都是一样的。

我试过的:

  • 将控制器整合到 app.js 中
  • 从标记中删除了控制器的双重声明
0 投票
2 回答
5639 浏览

angularjs - AngularJS:必需的表单字段不使用 ng-click 提交

我想提交一个带有自定义div按钮的 Angular 表单,但是当我像上面那样做时,不会像对button所做的那样考虑“必需”语句。

当 textarea 为空时,第一个按钮无论如何都会运行 submit() 函数。是否可以具有与按钮相同的行为?

这是一个说明这一点的 JsFiddle:http: //jsfiddle.net/xKkvj/55/