patchValue 与 {emitEvent false } 触发 Angular 4 formgroup 上的 valueChanges

Angular 4中的表单是一种强大的工具，它使我们能够轻松地收集和验证用户输入。在表单中，FormGroup是一个特殊的类，它允许我们组织和管理一组表单控件。当表单中的值发生变化时，我们可以使用FormGroup的valueChanges属性来监听这些变化。然而，有时候我们可能需要手动修改表单的值，而不希望触发valueChanges事件。在这种情况下，我们可以使用patchValue方法与{emitEvent: false}选项来修改表单值，而不触发valueChanges事件。

typescript
import { Component } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';
@Component({
  selector: 'app-form',
  template: `
    
      Name:
      
      Age:
      
    
  `
})
export class FormComponent {
  myForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      name: '',
      age: ''
    });
    // 监听表单值的变化
    this.myForm.valueChanges.subscribe(value => {
      console.log(value);
    });
  }
  updateFormValues() {
    // 使用patchValue方法修改表单值
    this.myForm.patchValue({
      name: 'John',
      age: 30
    }, { emitEvent: false });
  }
}