ngOnInit上的Angular FormArray返回null

在Angular中，ngOnInit是一个生命周期钩子函数，用于在组件初始化时执行一些初始化操作。FormArray是Angular中的一个表单控件，用于处理表单中的数组数据。

当在ngOnInit上使用Angular的FormBuilder创建一个FormArray时，如果FormArray没有任何初始值或者没有添加任何表单控件，那么它会返回null。

FormArray通常用于处理动态添加或删除表单控件的情况，例如一个可变长度的表单字段列表。在ngOnInit中，我们可以使用FormBuilder创建一个FormArray，并为其设置初始值或添加初始的表单控件。

以下是一个示例代码，演示在ngOnInit中创建一个带有初始值的FormArray：

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      myArray: this.formBuilder.array(['initialValue1', 'initialValue2'])
    });

    console.log(this.myForm.get('myArray').value); // 输出：['initialValue1', 'initialValue2']
  }
}

上述示例中，我们通过FormBuilder创建了一个名为myArray的FormArray，并为其设置了初始值为['initialValue1', 'initialValue2']。我们可以通过myForm.get('myArray').value来获取该FormArray的值。

在Angular中，FormBuilder是一个辅助类，用于简化表单的创建和管理。使用FormBuilder可以创建FormGroups、FormControls和FormArrays，并为其设置初始值、验证规则等。

对于上述问题中涉及到的FormArray的用法和具体实现，我推荐参考腾讯云的Angular相关文档和示例代码：

• Angular官方文档：https://angular.io/docs
• 腾讯云云开发文档-前端开发：https://cloud.tencent.com/document/product/876/41150
• 腾讯云云开发文档-前端开发示例：https://github.com/TencentCloudBase/cloudbase-templates/tree/master/examples/angular