这是一个非常奇怪的问题,我不太知道如何描述或解决。我在指令中有一个函数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;
}