Javascript AngularJS输入类型隐藏为ng repeat
我正在开发一个应用程序,我有一个填充了Javascript AngularJS输入类型隐藏为ng repeat,javascript,html,angularjs,angularjs-ng-repeat,hidden,Javascript,Html,Angularjs,Angularjs Ng Repeat,Hidden,我正在开发一个应用程序,我有一个填充了ng repeat的表格,表格的最后一列是一个图像,单击它可以打开另一个页面,该页面应该包含关于我选择的表格行的更多详细信息单击该图像 我曾尝试使用隐藏在表单中的输入类型,但它对我不起作用 这是我的代码: <tr ng-repeat="Data in response"> <td align="center">{{Data.date}}</td>
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>
{{Data.date}
{{Data.conf}
{{Data.evaso}
进入控制器后,我需要管理这些数据(cod)。但是通过这种方式,我尝试在控制台中打印它,结果是未定义
如何解决此问题?我认为您可以尝试以下方法,以便在单击时轻松获取日期代码数据:
<input type="image" src="img/note.png" class="imageNote" ng-click="submit(Data.code)">
我不确定是否收到您的问题,但如果您想将所选项目传递给提交函数,可以使用如下角度函数:
$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)type=image是否调用submit函数?你应该检查一下。您的函数应为$scope.submities图像正确调用submit函数@kermani您的codice变量将保存与data.code相同的数据。换句话说,codice=Data.code?您希望在提交中包含所选项目,对吗?那我的答案就行了!但是如果你还需要什么,请告诉我,也许我只是感到困惑