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

我的应用程序中有几个（模板驱动的表单），当按下一个中央按钮时，我想将它们全部重置。我的想法是在位于服务中的函数中调用所有这些reset（）函数。这种方法的问题是我不知道如何调用这个重置函数。我发现的所有示例都是关于数据的，但在我的例子中，我只想调用组件函数而不发送数据。也欢迎使用其他方法处理中央重置

---

下面是一个简单的代码示例。由于一些导入问题，它不能正常工作，但至少您可以看到代码。希望一切正常

我不能100%确定这是否对您有帮助，但我知道一种从另一个组件调用函数的方法。 使用Viewchild，您不能直接访问函数，但可以访问变量，因此我的解决方案是将lampda函数设置为调用重置函数的变量。 显示组件的示例

public resetCommand = () => {this.reset()}

示例控制组件

Viewchild ... myDisplay
callingReset()
{
    this.myDisplay['resetCommand']();
}

---

我不能100%确定这是否对您有帮助，但我知道一种从另一个组件调用函数的方法。 使用Viewchild，您不能直接访问函数，但可以访问变量，因此我的解决方案是将lampda函数设置为调用重置函数的变量。 显示组件的示例

public resetCommand = () => {this.reset()}

示例控制组件

Viewchild ... myDisplay
callingReset()
{
    this.myDisplay['resetCommand']();
}

---

您的示意图想法很好，您需要创建如下服务：

export class myService {
  reset: boolean = false;

  private emitChangeSource = new BehaviorSubject<boolean>(this.reset);
  changeEmitted$ = this.emitChangeSource.asObservable();

  emitChange(change: any) {
    this.emitChangeSource.next(change);
  }

  constructor() { }
}

要触发您使用的更改，请执行以下操作：

this.myService.emitChange(true);

---

您的示意图想法很好，您需要创建如下服务：

export class myService {
  reset: boolean = false;

  private emitChangeSource = new BehaviorSubject<boolean>(this.reset);
  changeEmitted$ = this.emitChangeSource.asObservable();

  emitChange(change: any) {
    this.emitChangeSource.next(change);
  }

  constructor() { }
}

要触发您使用的更改，请执行以下操作：

this.myService.emitChange(true);

---

在本例中，我要警告不要使用behavior subject，因为它保留了以前发出的值。对于您希望在事件发生时收到事件通知而不是始终保留其值的事件，即用户单击重置按钮，主题可能更适合。当然，除非你真的要处理逾期订户。谢谢你，这解决了我的问题。我一直认为我必须在另一个组件中调用重置函数，而不是触发它。我会警告不要在本例中使用行为主体，因为它保留了以前发出的值。对于您希望在事件发生时收到事件通知而不是始终保留其值的事件，即用户单击重置按钮，主题可能更适合。当然，除非你真的要处理逾期订户。谢谢你，这解决了我的问题。我一直认为我必须在另一个组件中调用重置函数，而不是触发它。