如何在没有*ngFor的情况下在FormArray中引用FormGroup :我遇到错误

在没有*ngFor的情况下，在FormArray中引用FormGroup，可以通过以下步骤解决问题：

1. 首先，创建一个空的FormArray对象，用于存储FormGroup。
2. 在组件的构造函数中，初始化FormBuilder，并创建一个FormGroup对象。
3. 在FormGroup对象中，创建需要的FormControl或者FormGroup。
4. 将FormGroup对象添加到FormArray中，使用FormArray的push方法。
5. 在模板中，使用FormArray的controls属性获取所有的FormGroup对象。
6. 使用索引值访问特定的FormGroup对象，并在需要的地方使用它。

下面是一个示例代码：

在组件中：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  formArray: FormArray;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.formArray = this.formBuilder.array([]);

    const formGroup = this.formBuilder.group({
      name: '',
      age: ''
    });

    this.formArray.push(formGroup);
  }
}

在模板中：

<form [formGroup]="formArray">
  <div formArrayName="formArray">
    <div *ngFor="let group of formArray.controls; let i = index">
      <div [formGroupName]="i">
        <input formControlName="name" placeholder="Name">
        <input formControlName="age" placeholder="Age">
      </div>
    </div>
  </div>
</form>

在上述示例中，我们创建了一个空的FormArray对象，并在组件的构造函数中初始化了FormBuilder。然后，我们创建了一个FormGroup对象，并将其添加到FormArray中。在模板中，我们使用*ngFor循环遍历FormArray的controls属性，获取所有的FormGroup对象，并使用[formGroupName]指令将其绑定到相应的索引值上。

这样，我们就可以在没有*ngFor的情况下，在FormArray中引用FormGroup了。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
• 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙（Tencent Real-Time Rendering (TRTR)）：https://cloud.tencent.com/product/trtr