不更新的初始Angular表单值——这是不良习惯吗?
创始人
2024-12-24 15:30:20
0

在Angular中初始化表单时为其赋予不更新的值是可以的。例如,在一个编辑页面中,你想要在表单中显示某些特定记录的值,即使在用户进行保存时也不会更改。这可以通过以下方式实现:

在组件类中定义表单和变量:

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

@Component({
  selector: 'app-form-example',
  template: `
    
` }) export class FormExampleComponent implements OnInit { exampleForm: FormGroup; initialValues: { name: string, email: string }; ngOnInit() { this.initialValues = { name: 'John Doe', email: 'johndoe@example.com' }; this.exampleForm = new FormGroup({ name: new FormControl(this.initialValues.name), email: new FormControl(this.initialValues.email) }); } onSubmit() { console.log(this.exampleForm.value); } }

在上述示例中,初始化表单时,通过FormGroup和FormControl声明表单控件。这将使表单控件与表单进行绑定。在组件类的ngOnInit中,声明了一个名为initialValues的对象,它包含在表单中显示的不可变初始值。这些值在表单初始化时被传递给FormControl。这样,即使在用户提交表单时,这些输入值也不会被更新。

请注意,这是在表单中显示不变值的一种简单方法。由于初始值永远不会更新,因此无法在表单中编辑这些值。如果有必要更新这些初始化值,则需要通过其他方法更新它们。

相关内容

热门资讯

aapoker挂!aapoke... aapoker挂!aapoker安卓版辅助,(aapOker)竟然有挂,详细教程(有挂教学);1分钟...
透视辅助!约局吧是否有挂,po... 透视辅助!约局吧是否有挂,pokermaster修改器(好像是有挂)1)约局吧是否有挂辅助挂:进一步...
透视有挂!poker红龙辅助,... 透视有挂!poker红龙辅助,aa poker辅助包(竟然是有挂)1、点击下载安装,poker红龙辅...
aapoker外 挂!aa p... aapoker外 挂!aa poker辅助软件,(AAPOker)其实真的有挂,详细教程(有挂辅助挂...
aapoker辅助!德州扑克a... aapoker辅助!德州扑克aa扑克平台,(AaPOKER)其实真的有挂,详细教程(有挂规律);《W...
透视模拟器!智星德州辅助译码插... 透视模拟器!智星德州辅助译码插件靠谱吗,cloudpoker怎么开挂(真是真的是有挂)智星德州辅助译...
aapoker有猫腻!aapo... 此外,数据分析德州(aapoker有猫腻)辅助神器app还具备辅助透视行为开挂功能,通过对客户aap...
透视辅助!德州透视插件,pok... 透视辅助!德州透视插件,pokemmo辅助器手机版下载(原来存在有挂)亲,关键说明,pokemmo辅...
透视软件!约局吧德州有挂吗,德... 透视软件!约局吧德州有挂吗,德州局透视脚本免费版下载手机版(竟然真的是有挂);一、德州局透视脚本免费...
aapoker发牌机制!aap... aapoker发牌机制!aapoker有挂吗,(AAPoker)其实是真的有挂,详细教程(有挂黑科技...