Firebase valuechange() 服务被递归订阅

Question

一段时间以来，我一直在 Angular 中开发多个单页应用程序项目，这让这个问题更加尴尬。 但我在这个问题上纠结了一段时间。 我在我的服务方法“fetchRDAccounts2”中在做什么/返回错误导致我的“主页组件”在我按下这个黑色按钮调用“closeAction()”操作按钮并且日志描述重复调用时继续订阅。 我知道这要么是我处理“fetchRDAccounts2”返回的 observable 订阅的方式，要么是我在“account-dialog”组件中的“closeAction()”方法中更新记录的方式。 firebase 结构仅访问所有记录的单个文档。 如果您需要任何进一步的参考，整个代码都托管在这里。 请帮忙。 下面是代码的必要片段。

home.component.ts（对话框背景中的屏幕）

export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {ngOnInit(): void {
    this.startSubscription();
    this.selection.changed.subscribe((obj) => {
      this.billingTotalFun();
    });
  }


  startSubscription(p_mode?: string) {
    // console.count('trying here but' + JSON.stringify(this.accountSubscribe));
    // this.accountSubscribe =
    this.accountService
      .getAllAccounts()
      .pipe(takeUntil(this.destroy$))
      .subscribe({
        next: (rdDocList) => {
          console.log('Home sub', rdDocList.length);
          // console.log('Atleast heres');
          if (!rdDocList.length) return;
          console.count('data loaded');
          let tempAll = rdDocList;
          this.filterGroup.patchValue({ filterInput: '', enableAll: false });
          this.dialog.closeAll();
          this.dataFetched = true;
          this.rdlist = tempAll;
          this.dataSource = new MatTableDataSource(this.rdlist);
          this.dataSource.filterPredicate = this.customFilterPredicate;
          this.cdr.detectChanges();

          this.applyFilter(JSON.stringify(this.filterGroup.getRawValue()));
        },
        error: (err) => {
          console.log(err);
          this.dataFetched = true;
          this.rdlist = [];
          // alert('Error loading data');
        },
        complete: () => {
          this.dataFetched = true;
          console.log('Finally after subscription');
        },
      });
  }

}

帐户-dialog.component.ts

export class AccountDialogComponent {
  closeAction = () => {
    let tempPack: any = {
      AccountNo: this.rec.AccountNo,
      LastUpdateOn: Timestamp.now(),
      LastUpdateBy: this.auth.curUserRef?.id,
    };

    console.log(this.rec);
    if (
      this.rec.Usertype === AccountType.A &&
      (this.rec.AmountPaid !== this.rec.AmountCollected ||
        this.rec.AmountPaid !== this.rec.AmountBilled) &&
      ((this.rec.billingOrCollection === 'C' && this.rec.AmountPaid) ||
        (this.rec.billingOrCollection === 'B' && this.rec.AmountBilled))
    ) {
      if (this.rec.billingOrCollection === 'C') {
        //revert Collected to Paid amount
        tempPack.AmountCollected = this.rec.AmountPaid;
        tempPack.LastCollected = CU.dateFinder(
          (this.rec.RdStartDate as Timestamp).toDate(),
          this.rec.Installment,
          tempPack.AmountCollected
        ).calcDate;
      }
      if (this.rec.billingOrCollection === 'B') {
        //revert Collected to Billed amount
        tempPack.AmountCollected = this.rec.AmountBilled;
        tempPack.LastCollected = CU.dateFinder(
          (this.rec.RdStartDate as Timestamp).toDate(),
          this.rec.Installment,
          tempPack.AmountCollected
        ).calcDate;
        //revert Paid to Billed amount
        tempPack.AmountPaid = this.rec.AmountBilled;
        tempPack.LastPaid = CU.dateFinder(
          (this.rec.RdStartDate as Timestamp).toDate(),
          this.rec.Installment,
          tempPack.AmountPaid
        ).calcDate;
      }
      let self = this;
      console.log('patching', tempPack);
      this.accountService
        .createUpdateRDAccount(
          this.auth.curUser ? this.auth.curUser.company : '',
          tempPack
        )
        .then(() => {
          console.log(1);
          self.dialogRef.close({
            diaCloseMsg: 'Collection complete for ' + this.rec.AccountNo,
          });
        })
        .catch((err) => {
          console.log(2);
          self.dialogRef.close({
            diaCloseMsg: 'Some error occured ' + this.rec.AccountNo,
          });
        });
    } else {
      this.dialogRef.close({
        diaCloseMsg: 'Collection cancelled for ' + this.rec.AccountNo,
      });
    }
  };
}

account.service.ts

export class AccountService {
  // fsObs: Observable<any> | undefined;
  allRD$ = new BehaviorSubject<RDAccount[]>([]);
  collectionName = 'rd-records';
  firstDay: Date = new Date();
  constructor(private firestore: AngularFirestore, private auth: AuthService) {
    console.log('acc service');
    const date = new Date();
    this.firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
  }

  getAllAccounts = (): BehaviorSubject<RDAccount[]> => {
    const allRD_v2$ = new BehaviorSubject<RDAccount[]>([]);
    if (this.auth.user$) {
      this.auth.user$.subscribe((ur) => {
        if (ur && ur.company) {
          this.fetchRDAccounts2(ur.company).subscribe((val) => {
            allRD_v2$.next(val);
          });
        }
      });
    }
    return allRD_v2$;
  };

  fetchRDAccounts2(p_company: string): Observable<RDAccount[]> {
    console.log('company: ', p_company);
    return this.firestore
      .collection<any>(this.collectionName)
      .doc(p_company)
      .valueChanges()
      .pipe(map(this.custCalc));
  }

  custCalc = (orgObj: any) => {
    // console.log('Internet', orgObj);
    Object.values<RDAccount>(orgObj.all).map((rec: RDAccount) => {
      rec.AmountTillNow =
        (CU.monthDiff((rec.RdStartDate as Timestamp).toDate(), new Date()) +
          1) *
        rec.Installment;
      if (rec.RdEndDate) {
        const e = rec.RdEndDate.toDate();
        if (e.getFullYear() == this.firstDay.getFullYear()) {
          // console.log('ed fon', e.getMonth(), this.firstDay.getMonth());
          rec.maturity = e.getMonth() - this.firstDay.getMonth();
        }
      }
    });
    let tempList = Object.values<RDAccount>(orgObj.all);
    return tempList;
  };

  createUpdateRDAccount(p_company: string, p_RDAccount: RDAccount) {
    let acc_key: any = {};
    acc_key[p_RDAccount.AccountNo] = p_RDAccount;
    let temp: any = { all: acc_key };
    return this.firestore
      .collection(this.collectionName)
      .doc(p_company)
      .set(temp, { merge: true });
  }
}