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来实现响应式表单。

相关内容

热门资讯

六分钟了解!白金岛辅助器怎么设... 六分钟了解!白金岛辅助器怎么设置,微信财神十三章辅助(详细辅助2025新版教程);六分钟了解!白金岛...
科普分享!如何下载科乐填大坑辅... 科普分享!如何下载科乐填大坑辅助器,万能透视辅助器免费版(详细辅助新2025版)1、很好的工具软件,...
必备辅助推荐!微信小程序财神十... 必备辅助推荐!微信小程序财神十三脚本,苹果广东雀神破解器(详细辅助细节揭秘)1)微信小程序财神十三脚...
每日必看推荐!掌心辅助插件,微... 每日必看推荐!掌心辅助插件,微信小程序边锋辅助(详细辅助攻略教程)(1)每日必看推荐!掌心辅助插件,...
科普攻略!财神十三章辅助,决战... 科普攻略!财神十三章辅助,决战卡五星辅助(详细辅助科技教程)1、许多玩家不知道决战卡五星辅助辅助软件...
最新科技!yy比鸡辅助真的假的... 最新科技!yy比鸡辅助真的假的,传送屋激k辅助器(详细辅助必备教程)是一款可以让一直输的玩家,快速成...
玩家攻略!潮汕掌上娱脚本,微信... 玩家攻略!潮汕掌上娱脚本,微信决胜游戏辅助(详细辅助揭秘教程);人气非常高,ai更新快且高清可以动的...
我来向大家传授!广西友乐app... 我来向大家传授!广西友乐app辅助器,微信小程序游戏破解器(详细辅助必备教程);无聊就玩这款微信小程...
重磅来袭!河洛杠次脚本开发,科... 重磅来袭!河洛杠次脚本开发,科乐填大坑作弊视频(详细辅助科技教程)(1)重磅来袭!河洛杠次脚本开发,...
推荐一款!阿当比鸡有什么技巧吗... 推荐一款!阿当比鸡有什么技巧吗,河洛杠次脚本开发(详细辅助德州论坛)是一款可以让一直输的玩家,快速成...