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游戏数据有说法吗,系统教程(原本是有挂)是由北京...
黑科技新版!(AAPOKEr)... 黑科技新版!(AAPOKEr)透明挂辅助机制,(aapoKER)最初有挂,技巧教程(有挂神器);科技...
aapoker有外挂吗!德扑之... aapoker有外挂吗!德扑之星窥牌,扑克王有没有辅助软件,详细教程(本然真的是有挂);小薇(透视辅...
黑科技透明挂挂!(WPK)透视... 黑科技透明挂挂!(WPK)透视辅助app,(WPK)最初是真的有挂,普及教程(有挂透视);人气非常高...
德州ai辅助软件!德扑之星真的... 德州ai辅助软件!德扑之星真的有辅吗,德扑之星怎么清楚数据,2025新版教程(本来是有挂);最新版2...
黑科技科技!(WPk)透视辅助... 黑科技科技!(WPk)透视辅助工具,(wPk)好像是真的有挂,解密教程(有挂神器)1、玩家可以在wP...
wepoke透明挂使用教程!红... wepoke透明挂使用教程!红龙扑克是真正规的吗,wepoke辅助透,透视教程(原本真的有挂);人气...
黑科技能赢!(德扑之星)外挂辅... 黑科技能赢!(德扑之星)外挂辅助器,(德扑ai)切实存在有挂,规律教程(有挂教程);实战中需综合运用...
wepoke用模拟器!德州nz... wepoke用模拟器!德州nzt实战,wepoke中牌率,教你教程(素来存在有挂);最新版2024是...
黑科技数据!(WEPOKE)软... 黑科技数据!(WEPOKE)软件透明挂,(WEPOKE)一贯是有挂,2025新版总结(有挂攻略)是一...