DragulaService动作重复

Question

我在角度为5的简单任务中使用Dragula，第一次工作正常，但是当我离开页面并再次返回时，事件逻辑重复两次，离开并再次返回时重复三次，如此上... 那么这里出了什么问题

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();