Angular响应式表单如何向组件传递隐藏字段?
创始人
2024-10-30 07:00:52
0
  1. 在 HTML 表单中添加一个隐藏的表单字段,例如:

  1. 在组件中访问该隐藏字段的值,例如:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

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

  constructor(private fb: FormBuilder) { }

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

  onSubmit() {
    const values = this.form.value;
    console.log(values.hiddenField);
  }
}

在上述代码中,我们创建了一个名为 hiddenField 的隐藏字段。在组件的 onSubmit 方法中,我们可以访问该字段的值并将其输出到控制台。

相关内容

热门资讯

科普常识!斗棋辅助脚本视频,拱... 科普常识!斗棋辅助脚本视频,拱趴大菠萝万能挂图解,扑克教程(有挂技术);科普常识!斗棋辅助脚本视频,...
科技介绍!决胜麻架胡易辅助,p... 科技介绍!决胜麻架胡易辅助,pokemmo脚本,系统教程(有挂规律)是一款可以让一直输的玩家,快速成...
分辨真假!小程序河北微乐脚本,... 《分辨真假!小程序河北微乐脚本,wepoker有辅助插件吗,技巧教程(有挂方针)》 小程序河北微乐脚...
每日必备!微信游戏决胜游戏辅助... 您好,微信游戏决胜游戏辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
2024教程!决胜麻架胡易辅助... 2024教程!决胜麻架胡易辅助,pokemmo脚本,详细教程(确实有挂);1.决胜麻架胡易辅助 ai...
专业讨论!微信小程序全能修改器... 专业讨论!微信小程序全能修改器,wepoker辅助透视软件,2025新版总结(有挂规律);1、很好的...
重大来袭!微信小程序挂件辅助,... 重大来袭!微信小程序挂件辅助,wepoker底牌透视脚本,第三方教程(有挂方式);AI辅助机器人普及...
科技新动态!新道游开挂辅助透视... 科技新动态!新道游开挂辅助透视,aapoker公共底牌,AI教程(有挂方针);1、首先打开新道游开挂...
玩家必看!威信茶馆app插件,... 玩家必看!威信茶馆app插件,wpk控制牌是真的吗,细节方法(有挂分享);威信茶馆app插件软件透明...
分享实测!福建13水插件,We... 分享实测!福建13水插件,We poker辅助器下载,新版2025教程(有挂分享);是一款可以让一直...