对于特定用例，我必须以“旧方式”提交单个表单。意思是，我使用带有 action="" 的表单。响应是流式传输的，所以我不会重新加载页面。我完全知道典型的 AngularJS 应用程序不会以这种方式提交表单，但到目前为止我别无选择。
也就是说，我尝试从 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>
如果我点击提交，则不会向服务器发送任何值。如果我将输入字段更改为输入“文本”，它会按预期工作。我的假设是隐藏字段并没有真正填充，而文本字段实际上是由于双向绑定而显示的。
任何想法如何提交由 AngularJS 填充的隐藏字段？
您不能对隐藏字段使用双重绑定。解决方案是使用括号：
<input type="hidden" name="someData" value="{{data}}" /> {{data}}
编辑：在 github 上查看此线程：https : //github.com/angular/angular.js/pull/2574
编辑：
从 Angular 1.2 开始，您可以使用 'ng-value' 指令将表达式绑定到输入的 value 属性。该指令应与输入单选框或复选框一起使用，但适用于隐藏输入。
这是使用 ng-value 的解决方案：
<input type="hidden" name="someData" ng-value="data" />
这是一个使用带有隐藏输入的 ng-value 的小提琴：http : //jsfiddle.net/6SD9N
你总是可以使用 a type=textanddisplay:none;因为 Angular 会忽略隐藏的元素。正如 OP 所说，通常你不会这样做，但这似乎是一个特例。
<input type="text" name="someData" ng-model="data" style="display: none;"/>
在控制器中：
$scope.entityId = $routeParams.entityId;
在视图中：
<input type="hidden" name="entityId" ng-model="entity.entityId" ng-init="entity.entityId = entityId" />
我在sapiensworks上找到了 Mike 写的一个很好的解决方案。它就像使用一个指令来监视模型的变化一样简单：
.directive('ngUpdateHidden',function() {
return function(scope, el, attr) {
var model = attr['ngModel'];
scope.$watch(model, function(nv) {
el.val(nv);
});
};
})
然后绑定您的输入：
<input type="hidden" name="item.Name" ng-model="item.Name" ng-update-hidden />
但是 tymeJV 提供的解决方案可能会更好，因为输入隐藏不会像 yycorman 在这篇文章中所说的那样在 javascript 中触发更改事件，因此当通过 jQuery 插件更改值时仍然有效。
编辑 我已更改指令以在触发更改事件时将新值应用回模型，因此它将用作输入文本。
.directive('ngUpdateHidden', function () {
return {
restrict: 'AE', //attribute or element
scope: {},
replace: true,
require: 'ngModel',
link: function ($scope, elem, attr, ngModel) {
$scope.$watch(ngModel, function (nv) {
elem.val(nv);
});
elem.change(function () { //bind the change event to hidden input
$scope.$apply(function () {
ngModel.$setViewValue( elem.val());
});
});
}
};
})
所以当你$("#yourInputHidden").trigger('change')用 jQuery触发事件时，它也会更新绑定的模型。
发现有关此隐藏值 () 的奇怪行为，我们无法使其工作。
玩过之后我们发现最好的方法是在表单范围之后定义控制器本身的值。
.controller('AddController', [$scope, $http, $state, $stateParams, function($scope, $http, $state, $stateParams) {
$scope.routineForm = {};
$scope.routineForm.hiddenfield1 = "whatever_value_you_pass_on";
$scope.sendData = function {
// JSON http post action to API
}
}])