响应式表单实例如 FormGroup 和 FormControl 都有一个 valueChanges 方法，该方法返回一个可观察对象，用于发出最新的值。因此，您可以订阅 valueChanges 来更新实例变量或执行操作。

在这里，我们将创建一个非常简单的示例，每当表单中的值发生更改时，就会更新模板字符串。

首先，让我们使用 FormBuilder 初始化我们的响应式表单：

myForm: FormGroup;
formattedMessage: string;constructor(private formBuilder: FormBuilder) {}ngOnInit() {this.myForm = this.formBuilder.group({name: '',email: '',message: ''});this.onChanges();
}

请注意，在初始化表单后，我们在 ngOnInit 生命周期钩子中调用了一个 onChanges 方法。以下是我们 onChanges 方法的内容：

onChanges(): void {this.myForm.valueChanges.subscribe(val => {this.formattedMessage =`Hello,My name is ${val.name} and my email is ${val.email}.I would like to tell you that ${val.message}.`;});
}

您还可以监听特定表单控件的更改，而不是整个表单组：

onChanges(): void {this.myForm.get('name').valueChanges.subscribe(val => {this.formattedMessage = `My name is ${val}.`;});
}

由于 valueChanges 返回一个可观察对象，因此您可以根据发出的值做任何操作。