获取动态构建的反应形式的第一个值

问题描述

我有一个表单组件，可以在其中构建带有服务调用值的动态表单。可以正常工作。

现在我要在其他组件中显示这些值。

我试图通过事件发射器和form.valueChanges解决此问题。

ngOnInit():void {
 this.myForm.valueChanges.pipe(
  takeuntil(this.destroyed$)
 ).subscribe(_ => {

 // calls the eventemitter
 this.emit();
 });
}

这很好用，但不是我想要的，因为问题是值仅在表单更改时才发出。表示我的表单已构建并呈现，但在其他组件中未显示任何值。然后，我更改表单中的一个值，另一组件显示表单的值。 （自然是因为valueChanges）

我还如何从服务调用产生的表格中获取“补丁”值？ 而且，我不能在显示组件中使用可观察到的服务调用。

解决方法

使用rxjs这样的startsWith运算符在使用值创建表单时发出值

尝试一下：

ngOnInit():void {
 this.myForm.valueChanges.pipe(
  startsWith(this.myForm.value),takeUntil(this.destroyed$)
 ).subscribe(_ => {

 // calls the eventemitter
 this.emit();
 });
}