Angular响应式表单加载时无效。
创始人
2024-10-30 06:31:05
0

可能是因为表单在加载时没有被初始化。可以添加一个初始值来解决这个问题。

示例代码:

在组件中:

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

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {
  form: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.form = this.fb.group({
      name: '',
      email: '',
      message: ''
    });

    // 手动设置表单的值
    this.form.setValue({
      name: '',
      email: '',
      message: ''
    });
  }
}

在模板中:

在组件中,我们手动设置了表单的值为一个空对象,这样Angular就可以正确初始化响应式表单并使其有效了。

注意:setValue方法可以在OnInit方法之外的任何地方调用,但在这个例子中,我们选择在OnInit方法中调用,因为这是创建表单后的第一个生命周期钩子。

相关内容

热门资讯

透视计算!wpk私人辅助,微扑... 透视计算!wpk私人辅助,微扑克微乐辅助,可靠教程(其实真的是有挂)1、微扑克微乐辅助机器人多个强度...
透视插件!wpk插件,切实有挂... 透视插件!wpk插件,切实有挂(透视)微扑克教程(有挂教程);1、每一步都需要思考,不同水平的挑战会...
透视工具!pokemmo脚本辅... 透视工具!pokemmo脚本辅助器下载,poker master辅助,2025新版总结(有挂黑科技)...
透视好牌!wpk模拟器多开,w... 透视好牌!wpk模拟器多开,wpk私人辅助,解密教程(都是存在有挂)wpk模拟器多开辅助器中分为三种...
透视教学!wepoker私人局... 透视教学!wepoker私人局规律,固有是有挂(透视)曝光教程(有挂黑科技)wepoker私人局规律...
透视辅助!拱趴游戏破解器,fi... 透视辅助!拱趴游戏破解器,fishpoker透视底牌,攻略方法(有挂攻略)拱趴游戏破解器辅助器中分为...
透视软件!哈糖大菠萝挂,原先存... 透视软件!哈糖大菠萝挂,原先存在有挂(透视)辅助教程(有挂教程)1、哈糖大菠萝挂系统规律教程、哈糖大...
透视神器!wpk刷入池率脚本,... 透视神器!wpk刷入池率脚本,wpk辅助哪里买,切实教程(果然是有挂)1、wpk刷入池率脚本ai机器...
透视神器!aa poker辅助... 透视神器!aa poker辅助,sohoo poker辅助,技巧教程(有挂详情);暗藏猫腻,小编详细...
透视辅助!wepoker轻量版... 透视辅助!wepoker轻量版书签,其实有挂(透视)黑科技教程(有挂解说)1、首先打开wepoker...