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()方法将名字和姓氏的值设置为表单中的控件,并将其显示出来。

相关内容

热门资讯

代打辅助挂!hhpoker真的... 代打辅助挂!hhpoker真的假的,德扑之星透视,确实是有挂(有挂技术)1、让任何用户在无需德扑之星...
有消息称!hhpkoer辅助器... 有消息称!hhpkoer辅助器视频,德普之星透视软件免费入口官网,总是确实有挂(有挂教学)1、完成德...
不少玩家反映!wepoker怎... 不少玩家反映!wepoker怎么拿到好牌,德扑之星辅助工具如何设置,好像是真的有挂(存在有挂)1、下...
连日来!wepokerplus... 连日来!wepokerplus脚本,德普之星辅助软件,原来是真的有挂(有挂秘诀)1、德普之星辅助软件...
黑科技辅助挂!we poker... 黑科技辅助挂!we poker辅助器v3.3,德普之星的辅助工具介绍,一直是真的有挂(有挂工具)1、...
第三方插件!wepoker私人... 第三方插件!wepoker私人局透视教程,德扑圈透视挂,原来真的是有挂(详细教程)在进入德扑圈透视挂...
围绕透视问题!wepoker祈... 围绕透视问题!wepoker祈福有用吗,德扑之星辅助工具如何打开,一直存在有挂(有挂总结)1)德扑之...
针对!哈糖大菠萝助手,德扑之星... 针对!哈糖大菠萝助手,德扑之星怎么开辅助,都是是真的有挂(有人有挂)1、这是跨平台的德扑之星怎么开辅...
第三方辅助!hhpoker德州... 第三方辅助!hhpoker德州透视挂,德普之星辅助软件,一贯真的是有挂(真的有挂)1、不需要AI权限...
代打辅助挂!wpk作弊是真的吗... 代打辅助挂!wpk作弊是真的吗,德普之星有透视辅助吗,其实是真的有挂(了解有挂);1、下载好德普之星...