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

相关内容

热门资讯

透视app!wejoker辅助... 透视app!wejoker辅助脚本(透视)切实存在有挂(详细辅助安装教程);1、透视app!wejo...
透视私人局!hhpoker可以... 透视私人局!hhpoker可以开挂吗(透视)切实真的是有挂(详细辅助透明挂教程);暗藏猫腻,小编详细...
透视黑科技!wepoker亲友... 透视黑科技!wepoker亲友圈有用吗(透视)好像真的有挂(详细辅助细节揭秘);1、打开软件启动之后...
透视免费!德普之星app安卓版... 透视免费!德普之星app安卓版破解版(透视)其实有挂(详细辅助新版2025教程)1、金币登录送、破产...
透视线上!德普之星的辅助工具介... 透视线上!德普之星的辅助工具介绍(透视)其实存在有挂(详细辅助安装教程)1、玩家可以在软件透明挂俱乐...
透视辅助!hhpoker德州挂... 透视辅助!hhpoker德州挂真的有吗(透视)果然真的有挂(详细辅助细节揭秘)1、金币登录送、破产送...
透视数据!竞技联盟破解版最新版... 透视数据!竞技联盟破解版最新版(透视)确实是真的有挂(详细辅助攻略教程);1、ai辅助优化,发牌逻辑...
透视总结!wepoker插件辅... 透视总结!wepoker插件辅助(透视)好像有挂(详细辅助大神讲解)1、系统规律教程、辅助透视等服务...
透视肯定!wepoker如何设... 透视肯定!wepoker如何设置透视(透视)原来有挂(详细辅助透明挂教程);1、ai辅助优化,发牌逻...
透视好友房!德普之星私人局辅助... 透视好友房!德普之星私人局辅助器(透视)确实有挂(详细辅助存在挂教程)1)辅助挂:进一步探索辅助透视...