如何获取使用AngularJS动态存储的隐藏输入值

时间:2017-02-19 08:08:00

标签: angularjs servlets angular-ngmodel angularjs-ng-model

我正在尝试为“聊天频道”实施search method,对于每个查询,它代表来自数据库的SQL table的兼容结果。每个结果都可以通过唯一{{1}来区分这也来自ID表。我不想显示SQl所以我使用ID's为每个结果将它们放在hidden input中。此外,对于每个,结果用户有可能订阅到此结果中显示的频道(订阅按钮),因此为了正确保存订阅,我需要保存ng-model在同一结果的ID中。

这是我试过的:

hidden input

<table class="table table-condensed"> <tr class="separating_line" ng-repeat="x in result"> <!-- ng-bind-html allows to bind a variable to the innerHTML part of the HTML element --> <td> <div class="col-md-8"> <h4><b style="color: gray;">{{ x.Name }}</b></h4> <br><p> {{ x.Description }}</p> </div> <div class="col-md-2"> <small><label style="color: gray;">Subscribers </label>{{ x.Subscribersnum }}</label></small><br> <input id="hiddenId" hidden="hide" ng-model="idval=x.ChanID" /> <button ng-click="subscribechannel()" class="btn btn-primary">Subscribe</button> </div> </td> </tr> </table> 中,我通过以下方式将其发送到方便的controller

Servlet

但调试我在$http.get("http://localhost:8080/ExampleServletv3/subscribeservlet",{ params: { subidval: $scope.idval } }) 中获得的值是servlet

我该如何解决这个问题?有什么想法吗?

由于

1 个答案:

答案 0 :(得分:2)

您不需要任何隐藏的字段来做您想做的事情。您所需要的只是将参数传递给您的函数:

 <tr class="separating_line" ng-repeat="x in result">
     ...
     <button ng-click="subscribechannel(x)" class="btn btn-primary">Subscribe</button>