使用ng repeat和ng model调用splice(）时，角度重定向到主页

Angular redirecting to homepage when calling splice() with ng-repeat and ng-model

本文关键字：ng 主页 重定向 repeat model 调用 使用 splice      更新时间：2023-09-26

这是一个非常奇怪的问题，我不太知道如何描述或解决。我在指令中有一个函数addattack：

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

attacks是我的主控制器范围内的一个数组。我还有一个函数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后的一秒钟，我被踢出了当前页面，并被重定向回主页。就好像我的整个会话都被破坏了一样。我知道这和splice()有关。我只是不知道还发生了什么。我觉得这与我在这里有一个ng repeat和页面其他地方的其他ng模型连接到这个对象有关，当我删除这个对象时，我正在"破坏"两者之间的连接，所以棱角分明的东西会让我抓狂并重定向。这就是问题所在吗？有办法解决这个问题吗？

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

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