用户界面更新延迟的数据 - ng-repeat（ngAnimate issue）

Question

我有以下问题，我需要一些关于它可能的原因/解决方案的意见。

我有一个表，其包含体NG-重复

<tr data-ng-repeat="product in shoppingCart"> ... </tr> 

每行删除按钮：

<td class="total"><i data-ng-click="removeProduct(product, $index)" class="icon-remove-circle"> </i></td> 

和功能：

removeProduct: function (removedProduct, index) { 
    var _this = this; 
    _this.$scope.shoppingCart.splice(index, 1); 

    // + DELETE API Request 
}, 

的问题在于，即使我不等待API请求响应，并且模型中的数据立即更新（l engChart和shoppingCart对象的内容），所发生的变化显着延迟，并且不会立即发生。

编辑：我只是想通过从项目中删除角动画（ngAnimate），问题得到解决。问题是我在项目中使用了角动画，我无法删除它。

Answer 1

你在做什么，如果我没有错，就是从你的购物清单删除一个项目，甚至没有检查你的删除API的响应。 API的可能性甚至可能会失败，尽管如此，该项目也会被删除。执行基于API的反应，也许类似的东西删除 -

removeProduct: function (removedProduct, index) { 
    var _this = this; 
    $http.post('DELETE API').then(function(success) { 
     _this.$scope.shoppingCart.splice(index, 1); 
    }, function(failure) { 
     console.log("Error in deleting", failure) 
    }); 
}, 

后你从你删除API的响应，这取决于你既可以更新车（删除车项目）的响应或抛出错误。