如何从angular中另一个不相关的组件重置窗体

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class FormResetService {
  private resetSubject = new BehaviorSubject<boolean>(false);
  public reset$ = this.resetSubject.asObservable();

  constructor() { }

  public resetForm(): void {
    this.resetSubject.next(true);
  }
}

import { Component, OnInit } from '@angular/core';
import { FormResetService } from 'path/to/form-reset.service';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  constructor(private formResetService: FormResetService) { }

  ngOnInit(): void {
    this.formResetService.reset$.subscribe(reset => {
      if (reset) {
        // 重置窗体逻辑
      }
    });
  }

  resetForm(): void {
    this.formResetService.resetForm();
  }
}

<form *ngIf="(formResetService.reset$ | async) as reset" (ngSubmit)="submitForm()">
  <!-- 窗体内容 -->
</form>