Angular 11 如何初始化 Child 的 formgroup 值？

Question

在父 HTML 中已定义为这样 -

 <div class="modal-body">
          <app-addchild [childform]="element"></app-addchild>
 </div>

这里的元素是JSON格式的行数据，带有字段值。

childform 是定义为 @Input() 的表单组，子组件是这样的 -

 @Input() public childform = new FormGroup({
      code: new FormControl('', [Validators.required, Validators.pattern('[0-9]+')]),
      countryCode: new FormControl('', Validators.required),
      ...
    });

Answer 1

您可以像这样为@Input 赋值。你可以这样做

@Input() set childform(value) {
      // value is data passed to the input
     // you can do something like this
     this.gnpform.get('code').setValue(value.code);
}


public gnpform = new FormGroup({
      code: new FormControl('', [Validators.required, Validators.pattern('[0-9]+')]),
      countryCode: new FormControl('', Validators.required),
      ...
    });