AngularJs中的隐藏字段

<ul> 
    <li ng-repeat="movie in movies"> 
    {{movie.id}} {{movie.title}} <a href="#" ng-click="movieDetails(movie)">read more</a> 
    </li> 
</ul>

然后在你的JS代码中，你可以得到这样的ID：

$scope.movieDetails = function (movie) { 
    var movieID = movie.id; 
}

来源

2012-07-26 20:56:33 Steve

太棒了！谢谢 –

你可以这样做。
这是一个肮脏的伎俩，但它的工作原理（最喜欢搞鬼;-)
你只需要使用表单名称作为你的隐藏字段
始终把形式ID“形式”

<!doctype html><html ng-app><head> 
<script src="angular-1.0.1.min.js"></script> 
<script> 
function FormController($scope) { 
    $scope.processForm = function() {alert("processForm() called."); 
    $scope.formData.bar = ""; 
    try {$scope.formData.bar = document.getElementById("form").name;} 
    catch(e) {alert(e.message);} 
    alert("foo="+$scope.formData.foo+ " bar="+$scope.formData.bar); 
    }; 
} 
</script></head><body> 
<div ng-controller="FormController"> 
<form name="YourHiddenValueHere" id="form"> 
<input type="text" ng-model="formData.foo" /> 
<button ng-click="processForm()"> SUBMIT </button> 
</form> 
</div></body></html>

这使您可以将ALL Controller用于所有表格，并将它们发送至ONE服务器脚本。脚本比由
窗体名称（formData.foo）区分，并知道该怎么做。
隐藏字段命名此场景中的操作。

瞧 - 你跟为
多种形式你想和一个服务器脚本
和所有的人一个的FormController一个完整的应用程序。

来源

2012-10-23 12:29:00

我必须纠正（提高）自己：
你可以做到这一点更优雅：

<form> 
<input type="text" ng-model="formData.foo" /> 
<input type="hidden" id="bar" value="YourHiddenValue" /> 
<button ng-click="processForm()"> SUBMIT </button> 
</form>

，然后在JavaScript控制器：

$scope.formData.bar = ""; 
try {$scope.formData.bar = document.getElementById("bar").value;} 
catch(e) {alert(e.message);} 
alert("foo="+$scope.formData.foo+ " bar="+$scope.formData.bar);

因此，您可以拥有尽可能多的隐藏字段。

来源

2012-10-23 12:39:57

如果你不想在你的JavaScript文件进行硬编码任何东西，你可以通过AJAX调用它，这样做：

<input type="hidden" name="value" ng-init="model.value=1" value="1">

这种方式，你可以保持与JS的表单功能关闭，仍然使用隐藏域在AngularJS

来源

2013-05-24 06:49:28 pocesar

使用：'' 。这种方式更改'model.value'将在输入值中更新。 – GFoley83

不需要为模型值设置隐藏值，因为它不是用户将要更改的内容。在不改变DOM的情况下，模型值可以保留在范围内 – pocesar

如果您想在回发中访问该模型值（或某些插值），该怎么办？那会非常方便。我只是强调隐藏字段的另一个有用的用例。 – GFoley83

简单：

<input type="hidden" name="livraisonID" value="{{livraison.id}}"/>

它的工作原理！

来源

2013-11-12 10:19:32 Arraxas

请使用NG-绑定= “{{employee.data}}” 这将正常工作##打头##

来源

2016-07-04 10:28:28

AngularJs中的隐藏字段

回答

相关问题