AngularJS:索引删除数组项后索引未更新

abl*_*aze 2 javascript arrays array-splice angularjs angularjs-ng-repeat

我试图使用项目的索引从AngularJS的范围数组变量中删除项目.

(如果你在这里停止阅读,认为这是重复的,请跳到脚注链接,我能够找到类似但不同的问题得到回答 - 或者,如果你找到完全相同的问题,我可能会错过一些东西如果您愿意分享它的SO链接,我将不胜感激!Thx)

这是我的例子:

http://jsbin.com/seyaje/3/edit?html,output 
Run Code Online (Sandbox Code Playgroud)

我看到的问题是,索引不会自动更新 - 每次 - 因此错误的项目被删除或如果索引是"越界",项目根本不会被删除.

我个人更喜欢在我的场景中传递索引,而且我认为不必重复找出索引的工作相对较少.(如果索引正确!)

我怎么可能使用AngularJS 1.25解决这个问题?您的建设性帮助永远受到赞赏!


这可能是一个类似的问题如下:

AngularJS从范围中删除项目 如何从范围AngularJS中删除项目

我想要完成的事情,似乎与以下几点相似:

/sf/answers/1666702481/http://plnkr.co/edit/51SNVMQjG3dsmpYI5RyY?p=preview

有些类似的未回答的问题(找到对象并通过索引删除): 删除单击的项目angularjs

Exp*_*lls 5

myIndex属性由重复的初始化设置,并且未适当更新.相反,你可以使用$index.当数组更改并删除正确的元素时,这将适当更新.

<tr ng-repeat="i in items">
    <td>{{$index}}</td>
    <td>{{i.Id}}</td>
    <td>{{i.Name}}</td>
    <td>{{i.Type}}</td>
    <td>
        <button data-ng-click="deleteItemByIndex($index)">&times;</button>
    </td>
</tr>
Run Code Online (Sandbox Code Playgroud)