时间戳

首页 > 解决方案 > 我该如何解决这个错误。我在这一行“registrationForm：FormGroup;”上遇到错误

angular - 我该如何解决这个错误。我在这一行“registrationForm：FormGroup;”上遇到错误

问题描述

***错误：src/app/r-form-example/r-form-example.component.ts:11:3 - 错误 TS2564：属性 'registrationForm' 没有初始化程序，并且未在构造函数中明确分配。

11 注册表格：FormGroup；

我得到了上述错误。

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

@Component({
  selector: 'app-r-form-example',
  templateUrl: './r-form-example.component.html',
  styleUrls: ['./r-form-example.component.css']
})
export class RFormExampleComponent implements OnInit {

  registrationForm : FormGroup;

  constructor( private fb : FormBuilder) {
   }

  ngOnInit(): void {
    // this.registrationForm = new FormGroup({
    //   'firstName': new FormControl(),
    //   'lastName': new FormControl(),
    // })
    this.registrationForm = this.fb.group({
      'firstName': new FormControl(),
      'lastName':new FormControl()
    });
  }
  
  addRegistration(){
    console.log(this.registrationForm.value);
  }

}

标签： angulartypescript

解决方案

在你的打字稿设置上 - 你不能在没有赋值的情况下声明变量（当你声明它或在构造函数中......）。你可以这样声明：

 registrationForm!: FormGroup

或者在构造函数中赋值

推荐阅读