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

Question

我正在开发一个应用程序，我有一个 table 填充了 ng-repeat，table 的最后一列是一张图像，单击它会打开另一个页面应该包含有关我选择单击图像的 table 行的更多详细信息。

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

这是我的代码：

<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.

我该如何解决这个问题？

Answer 1

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

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

Answer 2

我不确定我是否理解你的问题，但如果你想将所选项目传递给提交功能，你可以像这样使用 angular 功能：

$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）

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

AngularJS input type hidden with ng-repeat

html

javascript

hidden

angularjs

angularjs-ng-repeat