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

相关内容

热门资讯

第五分钟了解!新九哥破解版!本... 第五分钟了解!新九哥破解版!本来真的有辅助技巧(新版有挂)-哔哩哔哩1、进入游戏-大厅左侧-新手福利...
3分钟了解!腾讯游戏大厅辅助器... 3分钟了解!腾讯游戏大厅辅助器!切实存在有辅助app(有挂细节)-哔哩哔哩;1、进入游戏-大厅左侧-...
第六分钟了解!老友广东辅助工具... 第六分钟了解!老友广东辅助工具下载地址!本来是有辅助脚本(有挂教学)-哔哩哔哩在进入老友广东辅助工具...
7分钟了解!凑一桌关春天怎么开... 7分钟了解!凑一桌关春天怎么开透视!一直真的有辅助工具(真的有挂)-哔哩哔哩1、很好的工具软件,可以...
第八分钟了解!牌乐门黑科技!真... 第八分钟了解!牌乐门黑科技!真是真的是有辅助攻略(有挂工具)-哔哩哔哩进入游戏-大厅左侧-新手福利-...
第四分钟了解!心悦app辅助工... 第四分钟了解!心悦app辅助工具!果然存在有辅助app(有挂方法)-哔哩哔哩一、心悦app辅助工具可...
第六分钟了解!亲友联盟能开挂不... 第六分钟了解!亲友联盟能开挂不!其实一直都是有辅助工具(竟然有挂)-哔哩哔哩1、操作简单,无需亲友联...
第1分钟了解!一起宁德麻将辅助... 第1分钟了解!一起宁德麻将辅助!一直一直总是有辅助软件(有挂方法)-哔哩哔哩所有人都在同一条线上,像...
第6分钟了解!广东雀神智能插件... 第6分钟了解!广东雀神智能插件安装价格!一直真的有辅助神器(有挂解密)-哔哩哔哩1、首先打开广东雀神...
一分钟了解!哈糖大菠萝可以开挂... 一分钟了解!哈糖大菠萝可以开挂吗!总是一直总是有辅助工具(真是有挂)-哔哩哔哩1、游戏颠覆性的策略玩...