AngularJs中的隐藏字段

Question

如何以角度访问隐藏字段？我有一个应用程序,我想为列表中的每个项目提交一个表单.表单很简单 - 它有提交按钮和一个包含ID值的隐藏字段.但它不起作用.该值为空.

我更新了默认的角度示例以显示情况 - 待办事项文本位于隐藏字段中.

http://jsfiddle.net/tomasfejfar/yFrze/

Answer 1

如果您不想在javascript文件中对任何内容进行硬编码,可以通过AJAX加载,或者执行以下操作:

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

这样,您可以保持JS关闭的表单功能,并仍然使用AngularJS中的隐藏字段

Answer 2

如果要将ng-repeat中的ID传递给代码,则不必使用隐藏字段.这是我做的:

例如,假设我正在循环播放一组电影,当您点击"阅读更多"链接时,它会将您的ID传递给您的JS代码:

<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;
}

Answer 3

在更简单的小提琴中，可以通过使用 ng-init 或在控制器中设置初始值来解决问题。该value属性不会影响 ng-model。

http://jsfiddle.net/andytjoslin/DkMyP/2/

另外，您的初始示例（http://jsfiddle.net/tomasfejfar/yFrze/）在 Chrome 15/Windows 7 上的当前状态下适用于我。