使用 ng-repeat 隐藏的 AngularJS 输入类型答案

【问题标题】：AngularJS input type hidden with ng-repeat使用 ng-repeat 隐藏的 AngularJS 输入类型
【发布时间】：2016-12-19 18:52:56
【问题描述】：

我正在开发一个应用程序，我有一个填充有ng-repeat 的表格，表格的最后一列是一张图片，点击它打开另一个页面，该页面应该包含有关我的表格行的更多详细信息'已经选择点击图片。

我尝试使用隐藏在表单中的输入类型，但它对我不起作用。

这是我的代码：

<tr ng-repeat="Data in response">
                    <td align="center">{{Data.date}}</td>
                    <td align="center">{{Data.conf}}</td>
                    <td align="center">{{Data.evaso}}</td>
                    <form ng-submit="submit()">
                        <input type="hidden" name="codice" value="Data.code" ng-model="codice">
                        <td align="center"><input type="image" src="img/note.png" class="imageNote" ng-click="submit()"></td>
                    </form>
                </tr>

在控制器之后，我需要管理这些数据（鳕鱼）。但是这样，我尝试在控制台打印出来，结果是undefined。

我该如何解决这个问题？

【问题讨论】：

type=image 是否调用了提交函数？你应该检查一下。你的函数应该 $scope.submit
是的，图像正确调用了提交函数@Kermani
您的 codice 变量将保存与 Data.code 相同的数据。换句话说，代码 = Data.code？span>
您希望在您的提交中包含选定的项目，对吗？那么我的答案应该有效！但如果你需要别的东西，请告诉我，也许我只是困惑

标签： javascript html angularjs angularjs-ng-repeat hidden

【解决方案1】：

我不确定我是否收到您的问题，但是如果您想将所选项目传递给提交功能，您可以使用这样的角度功能：

$scope.submit = function(selectedId){
   console.log(selectedId);
   //Your code.
}

你的 HTML 应该变成这样：

<input ng-click="submit(Data.id)" type="image" src="img/note.png" class="imageNote">

注意：您不需要使用{{}}（表达式）将某些内容传递给函数（此处为 ng-click）

【讨论】：

【解决方案2】：

我认为您可以尝试以下方式轻松获取点击时的 Date.code 数据：

<input type="image" src="img/note.png" class="imageNote" ng-click="submit(Data.code)">

【讨论】：