我有以下问题,我需要一些关于它的可能原因/解决方案的意见.
<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请求响应并且模型中的数据立即更新(shoppingCart对象的长度和内容),更改也会在UI中出现显着延迟而不会立即显示应该.
编辑:我刚刚想通过从项目中删除角度动画(ngAnimate),问题就解决了.问题是我在项目中使用角度动画,我无法删除它.
解决方法
如果我没有错,你正在做的是从shoppingCart列表中删除一个项目,甚至没有检查你的删除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) }); },