angular - 订阅触发两次

Question

我尝试在两个组件之间进行通信，一个是 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 a revoir 2 call

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

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

标签： angularservice

Answer 1

早上好 :D

可能是这部分代码

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

我认为您需要像这样删除新的 Subject() ：

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

试试看 :D