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

Question

我需要一个帮助。我需要使用Angular.js从表中删除特定行。这里我有+和-按钮实现。我的所有代码都在{{3}内}

从Plunkr假设星期一我使用+按钮做了3个条目。当我使用-按钮删除中间（第二）行时，这是删除但是它对第3行子类别做空字段并显示不属于该行类别部分的不同子类别。我需要用户将删除行值将删除的任何行而不是其他行。https://plnkr.co/edit/D3UrDYwiglMKQyCW0wvW?p=preview内存在所有代码。请帮助我。

Answer 1

我分叉了你的傻瓜here

一些变化：

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
}];

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

<强> HTML

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

1. 此外，做了一些其他的小改动，比如只针对所有人而不是每个人使用＆＃34;跟踪$ index＆＃34;需要的地方。