角度附加速度快但破坏速度慢（1秒） [英] Angular appending is fast but destroying is slow(1 second)

问题描述

我在html列表和fabricjs对象列表之间建立了链接。

这是html代码

I made link between html lists and fabricjs objects list.
This is html code

<div ng-repeat = "object in objects">
   {{objects.length.toString()}}
   {{object.name}}
</div>

这是角度代码。

$rootScope.$watch(
  function(scope){
   return canvas.fabric._objects;
  },
  function(newValue, oldValue){
   $timeout(function(){
     $rootScope.$broadcast('_object:changed');
  }
});

$rootScope.$on('_object:changed', function(){
  $scope.objects = canvas.fabric._objects;
});

如果我将对象添加到结构中，它会立即通过角度显示在html列表中但如果我删除一个或全部，它会在一秒钟后刷新。
删除代码实现

If I add object to fabric it is shown immediately in html list via angular but if I delete one or all, it is refreshed after a second. Deleting code implementation

canvas.fabric._objects.length = 0;

有没有人遇到过这种问题？如何在0.01秒内完成此次刷新？

Is there anyone met this kind of issue? How can I make this refresh within 0.01 second?

更新：我发现刷新速度非常快，但删除的一个在1秒后隐藏。

UPDATE: I found that refreshing is doing very fast but deleted one is hidden after 1 second.

结果：如果我从列表中删除book（[home，book，pen]）

   init  :3home,3book,3pen  
   0.01s :2home,3book,2pen  
   1s:    2home,2pen  

0.01s
2是列表长度。
3book存在直到接下来的1秒，即使角度被刷新并且对象列表值被更改。

at 0.01s 2 is list length. 3book exist until next 1 second even if the angular is refreshed and the object list value is changed.

推荐答案

我我自己解决了这个问题。

我刚刚更改了

I solved this myself.
I just changed

canvas.fabric._objects.length = 0;

到

canvas.fabric._objects = [];

刚刚解决。

这篇关于角度附加速度快但破坏速度慢（1秒）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！