angular中的formGroup被弃用了吗?
创始人
2024-10-31 05:00:29
0

从Angular 11开始,formGroup被改为FormGroup,且更名为ReactiveFormsModule。因此,如果您使用的是Angular 11或更新版本,则应使用以下示例中的代码:

在app.module.ts中导入ReactiveFormsModule:

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    // other imports 
    ReactiveFormsModule
  ],
})
export class AppModule { }

在组件中导入FormGroup:

import { FormGroup, FormControl } from '@angular/forms';

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

  ngOnInit() {
    this.myFormGroup = new FormGroup({
      firstName: new FormControl(''),
      lastName: new FormControl(''),
      age: new FormControl('')
    });
  }
}

此示例创建一个名为myFormGroup的新FormGroup,并向其添加名为firstName,lastName和age的控件。您可以在模板中使用myFormGroup来实现响应式表单。

相关内容

热门资讯

wepoke ai辅助!wep... wepoke ai辅助!wepoke挂真的(辅助透视)wepoKE(总是真的有挂)1、许多玩家不知道...
wpk提高胜率!wpk机器人代... wpk提高胜率!wpk机器人代打(wpK)的确是有挂的-详细透明挂教程wpk辅助器中分为三种模型:w...
德扑之星作弊!德扑保险计算器,... 德扑之星作弊!德扑保险计算器,德扑其实有挂(详细起手牌胜率图教程)1、下载好德扑之星作弊辅助软件之后...
wpk俱乐部!wpk俱乐部系统... wpk俱乐部!wpk俱乐部系统,WPk好像真的有挂,详细教程,(有挂解说);一、wpk软件透明挂的定...
必赢教程!wepoke透明黑科... 《必赢教程!wepoke透明黑科技(wepoke有挂)we辅助poker(其实真的有挂)》 we辅助...
德州之星辅助!德扑ai决策软件... 德州之星辅助!德扑ai决策软件,德州wpk果然有挂(详细外 挂教程)是一款可以让一直输的玩家,快速成...
wpk辅助挂!wpK本来真的有... wpk辅助挂!wpK本来真的有挂,wpK果然真的有挂,必赢方法(有挂解密)1、超多福利:超高返利,海...
wepower有外 挂!we-... 1、wepower有外 挂!we-poke有挂(透视辅助)wePoke(一贯真的有挂);详细教程。2...
德扑之星有作弊!德扑人工智能,... 德扑之星有作弊!德扑人工智能,德扑线上其实存在有挂(详细有猫腻教程)1、下载好德扑之星有作弊辅助软件...
攻略教程!wepoke透明真的... 攻略教程!wepoke透明真的(wepokeai代打)wepOke(都是真的有挂);1分钟了解详细教...