如何使用Angular.js / Javascript正确删除特定行

Question

我需要一个帮助。我需要使用Angular.js从表中删除特定行。这里我有+和-按钮实现。我将所有代码都放在https://plnkr.co/edit/D3UrDYwiglMKQyCW0wvW?p=preview中

在周一的Plunkr中，我使用+按钮进行了3次输入。当我使用-按钮删除中间（第二条）行时，这正在删除，但它对第三行子类别字段执行了null，并且还显示了不属于的其他子类别到该行类别的一部分。在这里我需要用户何时删除任何行，该行值将删除其他行。所有代码都存在于plunkr中 。请帮助我。

Answer 1

我在这里分叉了你的朋克

一些变化：

1. 在控制器中将listOfSubCategory定义为数组，而不是为每个类别创建函数。

控制器 ：

$scope.listOfSubCategory = [{
  id: 1,
  name: 'SubCategory 1',
  value: 1,
  category: 1
}, {
  id: 2,
  name: 'SubCategory 2',
  value: 2,
  category: 2
}, {
  id: 3,
  name: 'SubCategory 3',
  value: 3,
  category: 3
}, {
  id: 4,
  name: 'SubCategory 4',
  value: 4,
  category: 4
}];

2. 更改了ng-options以根据所选类别过滤子类别。

的HTML

ng-options="sub.name for sub in listOfSubCategory | filter:{ category: answer.category.id}"

3. 另外，还进行了其他一些小的更改，例如仅对all启用，而不对每个启用，并在需要时使用“按$ index跟踪”。