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

时间:2016-12-19 10:38:59

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

我正在开发一个应用程序,而且我有一个填充了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

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

我认为您可以尝试按照以下方式轻松获取Click.code数据:

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

答案 1 :(得分:0)

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

set

并且您的HTML应更改为:

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

注意:您不需要使用<input ng-click="submit(Data.id)" type="image" src="img/note.png" class="imageNote"> (表达式)将某些内容传递给函数(此处为ng-click)