Javascript 无法将输入文本框附加到角度范围

我的angular应用程序中有一些标记，如下所示：

<table class="table table-striped">
  <tr ng-repeat="query in saved_queries">
    <td ng-click="fill()"><a>{{ query.title || query.query_string }}</a></td>
    <td class="pull-right" ng-click="kill_entry({{query.id}})"><i class="glyphicon glyphicon-remove"></i></td>
    <td class="pull-right"><input ng-model="title_box" name="title_box" id="title_box"><i class="glyphicon glyphicon-pencil" ng-click="add_title({{query.id}})"></i></td>
  </tr>
</table>

目前，当我尝试使用此表单添加标题时，我会在服务器上获得以下日志：

Started POST "/api/add_title" for 172.25.82.141 at 2014-08-01 21:13:58 +0000
Processing by SavedQueriesController#update as */*
  Parameters: {"id"=>"43"}

问题是，参数散列应该如下所示

{"id"=>"43", "title"=>"input from text box"}

---

无论出于何种原因，文本框中的输入都不会传递到服务器$scope.title\u框的值不能正确。

您正在将保存的\u查询中的每个

查询绑定到相同的
ng model=“title\u框”

看起来您应该将输入绑定到
query.title\u框
。然后，将整个
query
对象传递给单击处理程序

<input ng-model="query.title_box" name="title_box" id="title_box" />
<i class="glyphicon glyphicon-pencil" ng-click="add_title(query)"></i>



这是一个有效的演示：
首先请删除“”输入是自动关闭标记$http.post，而不是“$.post”将是更好的方式。。
<input ng-model="query.title_box" name="title_box" id="title_box" />
<i class="glyphicon glyphicon-pencil" ng-click="add_title(query)"></i>