Angular 18 FormBuilder 错误属性未初始化

问题描述 投票:0回答:1

我正在

Angular 18
中做一个虚拟对象,我正在使用
Reactive Forms
并且我正在尝试实现
FormBuilder

我的 .ts 中有这个构造函数

constructor(private builder:FormBuilder){
  
  }

然后我尝试创建带有验证的表单。

 registerform= this.builder.group({
   username:this.builder.control('',Validators.required),
   name:this.builder.control('',Validators.compose([Validators.minLength(5),Validators.required])),
   email:this.builder.control('', Validators.compose([Validators.email,Validators.required])),

  });

但是我收到一个错误...说

Property 'builder' is used before initialization

html有他的标题。

<form class="example-form" [formGroup]="registerform" (ngSubmit)="ProceedRegister()">

我看到其他例子没有抛出任何错误。

如何初始化该属性?

谢谢

angular angular-reactive-forms formbuilder
1个回答
0
投票

你走的路是对的!但如果没有完整的代码,在这种情况下很难为您提供帮助。可能的问题,这是因为您的

registerform 
在您的构建器之前被初始化。

我为你做了这个例子。自己尝试一下,遵循代码结构,一切都会成功,希望对你有帮助。

示例:StackBlitz

© www.soinside.com 2019 - 2024. All rights reserved.