Javascript 编辑和删除重复对象

如何使用ng repeat编辑绑定到表的对象数组

我有以下起始数组

var students = [{
  "FName": "Tom",
  "LName": "Wilcox"
}, {
  "FName": "Kevin",
  "LName": "Johnson"
}, {
  "FName": "Annebelle",
  "LName": "Smith"
}, {
  "FName": "Kelly",
  "LName": "Masters"
}, {
  "FName": "Phillip",
  "LName": "Smith"
}, ];

然后我将两个学生推到第二个数组中，并添加一个名为“Grade”的新属性，如下所示：

var testTakers = [];
var s;
for (s = 0; s < students.length; s++) {
  if (students[s].LName == "Smith") {
    students[s].Grade = "";       // New Grade Property
    testTakers.push(students[s]);
  }
}
$scope.TestTakers = testTakers;

var测试者=[]；
var s；
对于（s=0；s

我向两个选定对象添加一个新的“Grade”特性，并使用ng repeat绑定到一个表。“等级”属性绑定到文本框进行编辑

<table class="table-striped">
<tbody>
  <tr ng-repeat="student in TestTakers">
    <td class="col-md-2">{{student.FName}}</td>
    <td class="col-md-2">{{student.LName}}</td>
    <td class="col-md-2">
      <input type="text" size="2em" ng-bind="Grade" style="text-align:center" />
    </td>
  </tr>
</tbody>

{{student.FName}
{{student.LName}

当我在文本框中输入成绩时，我没有保留这些值。我的目标是将分数添加到两个新的student对象中，然后将它们发布回服务器

这里有一个有效的样本。提前感谢您对我的帮助

您需要使用而不是

ng bind

，以便使用文本框和绑定视图模型上的用户输入设置双向绑定

<input type="text" size="2em" ng-model="student.Grade"  class="text-center" />

---

旁注：既然你已经加载了boostrap css，你可以使用现有的css规则

文本中心

而不是内联样式来指定

style=“text align:center”

你的目标是显示所有的学生还是只显示史密斯？谢谢你的关注。在哪里你可以叉和更新我的plunker？我添加了ng模型，但仍然不起作用。下面是一个更新的示例，单击save显示。