DragulaService 动作重复

Question

我在 angular 5 的简单任务中使用 Dragula，第一次它工作正常，但是当我离开页面并再次 return 时，事件逻辑重复两次，离开时再次 return 重复三次，依此类推... 那么这里有什么问题

ngOnInit() {

 this.dragula.dragend().subscribe(value => {          
              console.log("Service Value "+value);
        });
}

控制台消息重复，我试图在 ngOnDestoy() 中销毁它，但仍然是同样的问题

this.dragula.dragend().subscribe().unsubscribe();
        if (this.dragula.find('bag-items') !== undefined) {
            this.dragula.destroy('bag-items');
            console.log("Malek destroy")
          }

Answer 1

解决方案是将订阅分配给新变量并销毁它

this.dragulaEvent=this.dragula.dragend().subscribe(value => {          
              console.log("Service Value "+value);
        });

在 ngOnDestroy() 中

this.dragulaEvent.unsubscribe();

DragulaService 动作重复

DragulaService Action is Repeated

dragula

angular

angular5