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俱乐部辅助器(原来真的有挂);1、超多福利:超高返...
玩家必备科普!白银胡乐亲友房(... 玩家必备科普!白银胡乐亲友房(辅助挂)哈糖大菠萝怎么挂(固有有挂);1、找出白银胡乐亲友房 ai辅助...
推荐攻略!微信小程序游戏辅助(... 推荐攻略!微信小程序游戏辅助(辅助挂)wepoker透视方法(从前存在有挂)是一款可以让一直输的玩家...
一分钟揭秘!天天互娱app辅助... 一分钟揭秘!天天互娱app辅助(辅助挂)拱趴大菠萝挂(真是真的有挂);1、超多福利:超高返利,海量正...
推荐一款!情怀透明器看手机纸牌... 推荐一款!情怀透明器看手机纸牌(辅助挂)hhpoker有没有作弊辅助(本来是有挂)是一款可以让一直输...
推荐十款!四川皮皮辅助(辅助挂... 推荐十款!四川皮皮辅助(辅助挂)wepoker私人局透视(原先真的是有挂);【福星临门,好运相随】;...
研究成果!潮汕激k辅助器(辅助... 您好:潮汕激k辅助器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
一起来探讨!河南微乐麻将小程序... 一起来探讨!河南微乐麻将小程序辅助器(辅助挂)智星德州辅助译码插件靠谱吗(原本真的是有挂);河南微乐...
盘点几款!小程序财神十三张辅助... 盘点几款!小程序财神十三张辅助(辅助挂)红龙poker有辅助吗(从前是有挂);小程序财神十三张辅助是...
玩家亲测!老友辅助器(辅助挂)... 玩家亲测!老友辅助器(辅助挂)wepoker脚本(从来有挂);1、真人老友辅助器辅助透视,一键组局,...