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

相关内容

热门资讯

透视计算!wpk德州透视外挂,... 透视计算!wpk德州透视外挂,(wPK)素来有挂,黑科技透视辅助(新版有挂)-哔哩哔哩进入游戏-大厅...
透视游戏(AAPOKeR)透视... 透视游戏(AAPOKeR)透视辅助助手(透视)原先有挂(有挂规律)-哔哩哔哩;1、实时开挂更新:用户...
透视数据!wpk数据统计软件,... 透视数据!wpk数据统计软件,(Wpk)从前存在有挂,黑科技技巧(确实有挂)-哔哩哔哩1、在wpk数...
第6分钟辅助挂!微扑克ai辅助... 第6分钟辅助挂!微扑克ai辅助外挂,(微扑克)本然有挂,有挂(确实有挂)-哔哩哔哩;1、下载好微扑克...
透视游戏(aa poker)透... 透视游戏(aa poker)透视辅助神器(透视)本来是真的有挂(有挂秘笈)-哔哩哔哩;1、不需要AI...
三分钟黑科技!德扑之星透明软件... 三分钟黑科技!德扑之星透明软件的使用方法,(德扑ai)一向真的是有挂,曝光教程(今日头条)-哔哩哔哩...
8分钟辅助挂!微扑克ai辅助透... 8分钟辅助挂!微扑克ai辅助透明挂,(微扑克)原先有挂,是有挂(有挂头条)-哔哩哔哩1、玩家可以在微...
六分钟辅助挂!微扑克ai辅助开... 六分钟辅助挂!微扑克ai辅助开发,(微扑克)最初真的有挂,存在有挂(有挂教程)-哔哩哔哩1、金币登录...
八分钟辅助挂!微扑克ai辅助专... 八分钟辅助挂!微扑克ai辅助专用,(微扑克)原生有挂,是有挂(了解有挂)-哔哩哔哩1、玩家可以在微扑...
透视软件(AAPoKER)透视... 透视软件(AAPoKER)透视辅助神器(透视)固有真的有挂(有挂方式)-哔哩哔哩1、超多福利:超高返...