DragulaService 操作重复

Question

我在 angular 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();