javascript - 使用 ng-repeat 和 ng-model 调用 splice() 时 Angular 重定向到主页

Question

这是一个非常奇怪的问题，我不太清楚如何描述或排除故障。我在指令中有一个函数 addattack:

scope.addattack = function () {
    var attack = {
    }
    scope.attacks.push(attack) 
} 

attacks 是我主 Controller 范围内的一个数组。我还有一个函数 deleteattack:

scope.deleteattack = function (i) {
    console.log(scope.attacks)
    scope.attacks.splice(scope.attacks.indexOf(i), 1)
    console.log(scope.attacks)
} 

我从我的指令 html 中调用:

<div class="character-input input-group input-group-sm col-lg-10 col-md-10 col-sm-10" ng-repeat="attack in attacks">
<span class="input-group-addon" id="attack-{{attack.name}}">Attack</span>

<button type="button" class="btn btn-default" ng-click="deleteattack(attack)">Delete Attack</button>

</div>

由于控制台日志，我知道 indexOf 和 splice 工作正常。但是，在我调用 deleteattack 后一秒钟，我被踢出当前页面并被重定向回主页。几乎就像我的整个 session 都被破坏了一样。我知道它与 splice() 有关。我只是不知道还发生了什么。我觉得这与我在页面的其他地方有一个 ng-repeat 和其他 ng-model 附加到这个对象的事实有关，当我删除这个对象时，我正在“破坏”两者之间的联系所以 angular 吓坏了并重定向了我。这是问题吗？有办法解决吗？

Answer 1

我以前遇到过这个问题 - 不确定为什么会这样，设法解决了这个问题:

scope.deleteattack = function (i) {
           var attacks = angular.copy(scope.attacks);
           var indexToRemove = scope.attacks.indexOf(i);
           attacks.splice(indexToRemove, 1)
           scope.attacks = attacks;
        }