我有这个问题： 类型“FormGroup”上不存在属性“Institution Name”。

*ngif=“frmsteppercontrol.institutionname.touth&&frmstepper.institutionname.errors？.required”>

我的ts代码

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


@Component({
  selector: 'app-forms',
  templateUrl: './forms.component.html',
  styleUrls: ['./forms.component.scss']
})
export class FormsComponent implements OnInit {

  
  frmValues: object = {};
  frmStepper: FormGroup;

  public get formArray(): AbstractControl {
   // console.log(this.frmStepper.get('steps'));
    return this.frmStepper.get('steps');
  }

  public get frmStepperControl(){
    console.log(this.frmStepper.get('steps')['controls'].controls.institutionName);
    return this.frmStepper.get('steps')['controls'];
  } 

  constructor(private fb: FormBuilder) { 
  }

  ngOnInit(): void {
    this.frmStepper = this.fb.group({
      steps: this.fb.array([
        this.fb.group({
         ieCode: [''],
         institutionName: ['', Validators.compose([Validators.required])],
        }),
        this.fb.group({
          telephone1: [null],
        }),
      ])
     });
  }

  
  submit(): void {
    console.log(this.frmStepper.value.steps[0].institutionName);
    //this.frmValues = this.frmStepper.value;
  }
  
}

我尝试从institutionName属性访问Touth和errors属性的html代码

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


@Component({
  selector: 'app-forms',
  templateUrl: './forms.component.html',
  styleUrls: ['./forms.component.scss']
})
export class FormsComponent implements OnInit {

  
  frmValues: object = {};
  frmStepper: FormGroup;

  public get formArray(): AbstractControl {
   // console.log(this.frmStepper.get('steps'));
    return this.frmStepper.get('steps');
  }

  public get frmStepperControl(){
    console.log(this.frmStepper.get('steps')['controls'].controls.institutionName);
    return this.frmStepper.get('steps')['controls'];
  } 

  constructor(private fb: FormBuilder) { 
  }

  ngOnInit(): void {
    this.frmStepper = this.fb.group({
      steps: this.fb.array([
        this.fb.group({
         ieCode: [''],
         institutionName: ['', Validators.compose([Validators.required])],
        }),
        this.fb.group({
          telephone1: [null],
        }),
      ])
     });
  }

  
  submit(): void {
    console.log(this.frmStepper.value.steps[0].institutionName);
    //this.frmValues = this.frmStepper.value;
  }
  
}

类型“FormGroup”上不存在属性“Institution Name”。 我正面临这个问题。

顺晟科技：

您的HTML中有

应为