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

相关内容

热门资讯

开挂透视!werplan透视挂... 开挂透视!werplan透视挂!果然存在有辅助攻略(有挂详细)-哔哩哔哩;1)werplan透视挂辅...
曝光透视!wepoker有辅助... 曝光透视!wepoker有辅助插件吗,wepoker钻石怎么看底牌,指引教程(有挂教学)-哔哩哔哩1...
揭露透视!newpoker怎么... 揭露透视!newpoker怎么安装脚本!切实存在有辅助方法(有挂透明挂)-哔哩哔哩1、完成newpo...
解密透视!wepoker怎么挂... 解密透视!wepoker怎么挂飞机,wpk真吗,攻略教程(有挂头条)-哔哩哔哩1、wepoker怎么...
曝光透视!pokeplus脚本... 曝光透视!pokeplus脚本!一贯有辅助教程(有挂解密)-哔哩哔哩1、用户打开应用后不用登录就可以...
解迷透视!wepoker买脚本... 解迷透视!wepoker买脚本靠谱吗,wepoker透视底牌,方针教程(有挂工具)-哔哩哔哩1、用户...
分享透视!pokerrrr2辅... 分享透视!pokerrrr2辅助!总是真的有辅助技巧(有挂秘笈)-哔哩哔哩1、在pokerrrr2辅...
揭幕透视!we poker游戏... 揭幕透视!we poker游戏下,aapoker透视怎么用,窍要教程(有挂助手)-哔哩哔哩揭幕透视!...
专业透视!pokemmo辅助器... 专业透视!pokemmo辅助器!本来有辅助app(有挂秘笈)-哔哩哔哩1)pokemmo辅助器有没有...
揭露透视!拱趴大菠萝辅助神器,... 揭露透视!拱趴大菠萝辅助神器,aapoker破解侠是真的吗,大纲教程(有挂秘籍)-哔哩哔哩1、aap...