ویرایش در انگولار جی اس

[mostafa808]

سلام. من یه آرایه دارم که با انگولار به صورت جدول به کاربر نمایش می دم.
حالا میخوام دوتا از فیلدهای هر رکورد رو بتونه ویرایش کنه... اما نمیتونم محتوای textBox رو بازیابی کنم...
کدش هم بصورت زیر نوشتم:

<div ng-app="myApp" ng-controller="namesCtrl" class="container">

<p>Type a letter in the input field:</p>

<p><input type="text" ng-model="test"></p>

<table class="table table-striped table-hover table-condensed table-bordered">
<tr ng-repeat="x in names | filter:test">
<td>{{ x.id }}</td>
<td>{{ x.Name }}</td>
<td><input id="txtCity" type="text" value="{{x.City}}" /></td>
<td><input id="txtCountry" type="text" value="{{x.Country}}" /></td>
<td>
<input type="button" value="click" ng-click="update(x.id, x.Name, x.City, x.Country)" />
</td>
</tr>
</table>

<p>The list will only consists of names matching the filter.</p>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{ "id": "1", "Name": "Alfreds Futterkiste", "City": "Berlin", "Country": "آلمان" },
{ "id": "2", "Name": "Berglunds snabbköp", "City": "Luleå", "Country": "سوئد" },
{ "id": "3", "Name": "Centro comercial Moctezuma", "City": "México D.F.", "Country": "مکزیک" },
{ "id": "4", "Name": "Ernst Handel", "City": "Graz", "Country": "اتریش" },
{ "id": "5", "Name": "FISSA Fabrica Inter. Salchichas S.A.", "City": "Madrid", "Country": "Spain" },
{ "id": "6", "Name": "Galería del gastrónomo", "City": "Barcelona", "Country": "Spain" },
{ "id": "7", "Name": "Island Trading", "City": "Cowes", "Country": "UK" },
{ "id": "8", "Name": "Königlich Essen", "City": "Brandenburg", "Country": "Germany" },
{ "id": "9", "Name": "Laughing Bacchus Wine Cellars", "City": "Vancouver", "Country": "Canada" },
{ "id": "10", "Name": "Magazzini Alimentari Riuniti", "City": "Bergamo", "Country": "Italy" },
{ "id": "11", "Name": "North/South", "City": "London", "Country": "UK" },
{ "id": "12", "Name": "Paris spécialités", "City": "Paris", "Country": "France" },
{ "id": "13", "Name": "Rattlesnake Canyon Grocery", "City": "Albuquerque", "Country": "USA" },
{ "id": "14", "Name": "Simons bistro", "City": "København", "Country": "Denmark" },
{ "id": "15", "Name": "The Big Cheese", "City": "Portland", "Country": "USA" },
{ "id": "16", "Name": "Vaffeljernet", "City": "Århus", "Country": "Denmark" },
{ "id": "17", "Name": "Wolski Zajazd", "City": "Warszawa", "Country": "Poland" }
];

$scope.update = function (_id, _name, _city, _country) {
alert(_id + '\n' + _name + '\n' + _city + '\n' + _country);
}


});
</script>

ممنون میشم راهنماییم کنید