对于一个特定的用例,我必须提交一个"旧方式"表单.意思是,我使用带有action""的表单.响应是流式的,所以我不会重新加载页面.我完全知道,典型的AngularJS应用程序不会以这种方式提交表单,但到目前为止,我别无 Select .

也就是说,我试图从Angular中填充一些隐藏字段:

<input type="hidden" name="someData" ng-model="data" /> {{data}}

请注意,数据中显示的是正确的值.

该表单看起来像一个标准表单:

<form id="aaa" name="aaa" action="/reports/aaa.html" method="post">
...
<input type="submit" value="Export" />
</form>

如果我点击submit,则不会向服务器发送任何值.如果我将输入字段更改为键入"text",它将按预期工作.我的假设是隐藏字段并没有真正填充,而文本字段实际上是由于双向绑定而显示的.

有没有办法提交一个由AngularJS填充的隐藏字段?

推荐答案

不能对隐藏字段使用双重绑定.

<input type="hidden" name="someData" value="{{data}}" /> {{data}}

编辑:在GitHub:https://github.com/angular/angular.js/pull/2574上查看此帖子

编辑:

从ANGLING 1.2开始,您可以使用‘ng-value’指令将表达式绑定到INPUT的值属性.此指令应与输入单选按钮或复选框配合使用,但与隐藏输入配合使用效果良好.

以下是使用ng-value的解决方案:

<input type="hidden" name="someData" ng-value="data" />

这里有一个小提琴使用ng值和一个隐藏的输入:http://jsfiddle.net/6SD9N

Javascript相关问答推荐

使用Element.children在前后移动 node

如何使用JavaScript向html元素添加样式

访客柜台的风格React.js

为什么有些库公开了执行相同任务的方法,但每个方法都处于同步/同步上下文中?

nPM审计始终发现0个漏洞

JS生成具有给定数字和幻灯片计数的数组子集

成帧器运动中的运动组件为何以收件箱开始?

康威的生活游戏规则在我的Javascript版本中不起作用.''我做错了什么?

在服务器上放置了Create Reaction App Build之后的空白页面

阿波罗返回的数据错误,但在网络判断器中是正确的

如何通过使用vanilla JS限制字体大小增加或减少两次来改变字体大小

Angular 订阅部分相互依赖并返回数组多个异步Http调用

查询参数未在我的Next.js应用路由接口中定义

JavaScript是否有多个`unfined`?

当用户点击保存按钮时,如何实现任务的更改?

对具有相似属性的对象数组进行分组,并使用串连的值获得结果

在Vercel中部署Next.js项目时获取`ReferenceError:未定义文档`

如何使用画布在另一个内部绘制一个较小但相同的形状,同时保持恒定的边界厚度?

如何修复使用axios运行TSC index.ts时出现的错误?

将Auth0用户对象存储在nextjs类型脚本的Reaction上下文中