Angular 7 - 如何从表单获取已编辑的字段
创始人
2024-10-16 15:31:47
0

要从Angular 7表单中获取已编辑的字段,您可以使用valueChanges属性来订阅表单值的变化,并将变化保存在一个变量中。以下是一个示例解决方案:

在组件的模板中,创建一个表单并添加字段:

在组件的类中,创建一个表单组,并在构造函数中初始化它:

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

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

  constructor(private formBuilder: FormBuilder) {}

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      name: ['']
    });

    this.myForm.valueChanges.subscribe(value => {
      this.editedFields = value;
    });
  }
}

上述代码中,我们使用FormBuilder来创建一个表单组,并将其绑定到模板中的myForm属性。然后,我们订阅了valueChanges属性并在每次值更改时将其保存在editedFields变量中。

现在,您可以在组件中访问editedFields变量,它将包含所有已编辑的字段的值。您可以根据需要对其进行处理。

希望这可以帮助到您!

相关内容

热门资讯

一分钟辅助!约局吧作弊脚本,h... 一分钟辅助!约局吧作弊脚本,hhpkoer辅助器,秘籍教程(真的有挂)1、让任何用户在无需约局吧作弊...
第五分钟辅助!德州透视插件,w... 第五分钟辅助!德州透视插件,wepoker私人局外卦,经验教程(有挂方法)1、下载好wepoker私...
九分钟辅助!aapoker辅助... 九分钟辅助!aapoker辅助软件合法吗,拱趴大菠萝挂哪里,指引教程(有挂头条)1、全新机制【aap...
六分钟辅助!wepoker免费... 六分钟辅助!wepoker免费透视脚本,wepoker安装教程,指南书教程(有挂分析)1、wepok...
3分钟辅助!wepoker私局... 3分钟辅助!wepoker私局代打,xpoker透视辅助,指南教程(有挂透明挂)1、wepoker私...
第九分钟辅助!pokemmo脚... 第九分钟辅助!pokemmo脚本辅助下载,wepoker透视器免费,资料教程(有挂教程)进入游戏-大...
第1分钟辅助!wpk透视辅助靠... 您好,wpk透视辅助靠谱吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
4分钟辅助!werplan透视... 4分钟辅助!werplan透视挂,pokernow辅助工具,策略教程(有挂详细)1、pokernow...
6分钟辅助!aapoker真的... 6分钟辅助!aapoker真的假的,wepoker开脚本视频,技法教程(有挂解惑)1、下载好wepo...
第一分钟辅助!we poker... 第一分钟辅助!we poker免费辅助器,wpk插件,绝活儿教程(有挂分享)1、we poker免费...