Angular响应式表单未显示在ngOnInit中加载的值
创始人
2024-10-30 07:30:12
0次

在Angular中,使用响应式表单时,如果想要在ngOnInit中加载值并在表单中显示出来,需要使用setValue()或patchValue()方法。这些方法可以将值设置为表单控件中,并将其显示出来。

以下是一个示例代码:

在组件中定义表单:

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {
  myForm: FormGroup;
  
  constructor(private fb: FormBuilder) {}
  
  ngOnInit() {
    this.myForm = this.fb.group({
      firstName: '',
      lastName: ''
    });
    
    this.myForm.setValue({
      firstName: 'John',
      lastName: 'Doe'
    })
  }
}

在模板中显示表单:

在上面的示例中,ngOnInit中的setValue()方法将名字和姓氏的值设置为表单中的控件,并将其显示出来。

相关内容

热门资讯

玩家亲测透视挂攻略!天天芜湖麻... 玩家亲测透视挂攻略!天天芜湖麻将多功能透视挂攻略,天天芜湖麻将一贯真的有透视挂攻略1、天天芜湖麻将有...
玩家必看攻略透视挂技巧!廊坊麻... 玩家必看攻略透视挂技巧!廊坊麻将多功能透视挂技巧,廊坊麻将真是真的有透视挂技巧1、实时廊坊麻将透视辅...
玩家必备攻略辅助技巧!雀悦麻将... 玩家必备攻略辅助技巧!雀悦麻将多功能辅助技巧,雀悦麻将切实有辅助技巧1、玩家可以在雀悦麻将透视最简单...
玩家必备科普辅助脚本!欢乐麻将... 您好,欢乐麻将M这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这...
科技揭秘开挂攻略!丫丫棋牌多功... 您好,丫丫棋牌这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款...
解密关于辅助器方法!牵手湖南麻... 解密关于辅助器方法!牵手湖南麻将多功能辅助器方法,牵手湖南麻将竟然真的有辅助器方法牵手湖南麻将脚本下...
重大发现开挂软件!廉江麻将多功... 重大发现开挂软件!廉江麻将多功能开挂软件,廉江麻将原来是有开挂软件1、下载好廉江麻将脚本下载之后点击...
技术分享辅助器教程!桂麻圈多功... 技术分享辅助器教程!桂麻圈多功能辅助器教程,桂麻圈其实真的有辅助器教程1、超多福利:超高返利,海量正...
实操分享作弊器攻略!悠乐汇多功... 实操分享作弊器攻略!悠乐汇多功能作弊器攻略,悠乐汇好像是真的有作弊器攻略1、玩家可以在悠乐汇透视最简...
玩家实测辅助app!丹东约战麻... 玩家实测辅助app!丹东约战麻将多功能辅助app,丹东约战麻将果然真的有辅助app1、金币登录送、破...