当组件初始化时，Angular 14行为主题是返回Ngoninit（）中的先前值

Question

我有一个以下ngoninit和保存方法的组件。当执行保存操作时，我有一个行为主体，我正在使用该行为。默认值为null。但是，在我保存并重新打开组件之后，它将提出以前的值，并再次拨打服务呼叫。我在这里做错了什么？

组件：

ngOnInit(): void {
    this.templateSaveService.templateSaveSubject
        .pipe(
            takeUntil(this.destroy$),
            filter((auditTemplate) => auditTemplate !== null),
            switchMap((auditTemplate) => {
                return this.auditTemplateSaveService 
                    .createTemplate(auditTemplate) //it is getting called for first time as well.
                    .pipe(
                        map((response) => ({
                            ...auditTemplate,
                            id: response.body.id
                        })),
                        catchError((error) => this.handleError(error))
                    );
            })
        )
        .subscribe((template) => {
            this.isSavingData = false;
            this.toasterService.success('Template has been saved successfully');
        });     
}

save(): void {
    this.templateSaveService.saveAuditTemplate(this.auditTemplate);
}

服务：

templateSaveSubject = new BehaviorSubject<AuditTemplate>(null);

saveAuditTemplate(auditTemplate: AuditTemplate): void {
    this.templateSaveSubject.next(updatedTemplate);

clearSaveSubject(): void {
    this.templateSaveSubject .next(null);
}

我可以通过将主题设置为组件ngdestroy（）中的null来解决，

ngOnDestroy(): void {
    this.auditTemplateSaveService.clearSaveSubject();
    this.destroy$.next(true);
    this.destroy$.complete();
}

但想知道为什么最初未清除行为主题值，并且对此有其他更好的解决方案吗？

Answer 1

我看不到您的整个代码，但我想您的服务是在根目录中提供的，这意味着一旦您的组件被破坏，它就不会被破坏。

如果我的假设正确，您有2个选项 -

1. 您可以在组件级别而不是应用程序root提供服务。
2. 您可以维护组件中的行为主题。