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

相关内容

热门资讯

开挂辅助插件"We ... 开挂辅助插件"We poker辅助器下载"开挂(透视)辅助脚本(存在有挂)>>您好:软件加薇1367...
开挂辅助下载"wep... wepoker私人局可以透视是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用...
开挂辅助软件"wep... 开挂辅助软件"wepoker代打辅助机器人"开挂(透视)辅助脚本(有挂教程)【无需打开直接搜索加薇1...
开挂辅助工具"wep... 开挂辅助工具"wepoker轻量版有透视吗"开挂(透视)辅助神器(真的有挂) 了解更多开挂安装加(1...
开挂辅助插件"we ... 开挂辅助插件"we poker免费辅助器"开挂(透视)辅助神器(今日头条)您好:we poker免费...
开挂辅助工具"hhp... 开挂辅助工具"hhpkoer辅助器视频"开挂(透视)辅助平台(有挂实锤) 【无需打开直接搜索加薇13...
开挂辅助工具"hhp... 开挂辅助工具"hhpoker德州辅助"开挂(透视)辅助平台(有挂猫腻)>>您好:软件加1367043...
开挂辅助工具"wer... 开挂辅助工具"werplan有挂吗"开挂(透视)辅助安装(有挂教学) 【无需打开直接搜索加薇1367...
开挂辅助下载"wep... 开挂辅助下载"wepoker钻石怎么看底牌"开挂(透视)辅助软件(有挂技巧) 了解更多开挂安装加(1...
开挂辅助安装"wep... 开挂辅助安装"wepoker免费脚本"开挂(透视)辅助插件(有挂辅助)1、下载安装好wepoker免...