订阅触发两次

大佬教程收集整理的这篇文章主要介绍了订阅触发两次，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决订阅触发两次？

我尝试在两个组件之间进行通信，一个是 dialog.component.ts，另一个是 admin.component.ts，它们之间有一个服务。

所以在我的对话框中，我有一个表单，它通过 ngsubmit 触发了服务

collectsubmitForm(any) {
    var myObj= new Object({form: any,typeOfForm: this.data.titleDialog});
    this.dialogContentservice.getCollectFormContent(myObj);
  }

在我的 dialogservice 我有：

  private dialogFormContent = new Subject<any>();

  dialogFormContentupdate$ = this.dialogFormContent.asObservable();

  constructor() {

  }

  getCollectFormContent(dataAsParams) {
    this.dialogFormContent.next(dataAsParams);
    this.dialogFormContent = new Subject<any>();
  }

在我的 admin.component.ts 中，我有： //Todo revoir 2 调用

 constructor(private dialogservice: DialogservicE) {
    this.collectDataFromDialog();
  }
  collectDataFromDialog() {
    this.subscription = this.dialogservice.dialogFormContentupdate$.subscribe(valueFromFormDialog => {
      if(valueFromFormDialog){
        this.subscriptionValueFromDialog = valueFromFormDialog;
        this.anOtherFunction(this.subscriptionValueFromDialog)
      }
    });
  }

ngOnDestroy() {
    this.subscription.unsubscribe()
  }

不知道为什么订阅会被调用两次

解决方法

  getCollectFormContent(dataAsParams) {
    this.dialogFormContent.next(dataAsParams);
    this.dialogFormContent = new Subject<any>();
  }

  getCollectFormContent(dataAsParams) {
    this.dialogFormContent.next(dataAsParams);
  }

大佬总结

以上是大佬教程为你收集整理的订阅触发两次全部内容，希望文章能够帮你解决订阅触发两次所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。