Angular 6 - 获取FormGroup中所有已更改的值
创始人
2024-10-16 01:30:18
0

要获取FormGroup中所有已更改的值,可以使用FormGroup的valueChanges属性和getRawValue()方法。

以下是一个示例代码:

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 {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      name: '',
      email: '',
      password: ''
    });

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

  getChangedValues() {
    console.log(this.myForm.getRawValue());
  }
}

在上面的例子中,我们使用FormGroup和FormBuilder创建了一个名为myForm的表单。然后,我们订阅了myForm的valueChanges属性,当表单中的任何一个字段值发生变化时,都会触发这个订阅。在订阅回调函数中,我们可以打印出当前表单的值。

另外,我们还定义了一个名为getChangedValues的方法。当我们调用这个方法时,它会打印出FormGroup的原始值,包括所有已更改的字段。这里使用了getRawValue()方法来获取原始值。

希望这个示例能帮助到你!

相关内容

热门资讯

拱趴大菠萝开挂方法!竞技联盟透... 拱趴大菠萝开挂方法!竞技联盟透视(透视)插件-确实总结真的有挂暗藏猫腻,小编详细说明拱趴大菠萝开挂方...
透视开挂!hhpoker德州挂... 透视开挂!hhpoker德州挂真的有吗(透视)约局吧开挂神器是真的吗,教程模板(有挂工具)-哔哩哔哩...
epoker免费透视脚本!德州... epoker免费透视脚本!德州透视是真的假的(透视)app-都是揭露真的有挂1)德州透视是真的假的辅...
透视科普!fishpoker透... 透视科普!fishpoker透视底牌(透视)wepoker私人辅助器,教程指南书(证实有挂)-哔哩哔...
aapoker万能辅助器!wp... aapoker万能辅助器!wpk辅助哪里买(透视)技巧-本来揭露有挂该软件可以轻松地帮助玩家将aap...
透视了解!hhpoker辅助软... 透视了解!hhpoker辅助软件下载(透视)wepoker有插件吗,教程大纲(真是有挂)-哔哩哔哩1...
wejoker辅助器要钱玩吗!... wejoker辅助器要钱玩吗!线上德州的辅助器是什么(透视)软件-果然解迷有挂线上德州的辅助器是什么...
透视关于!wepoker透视有... 透视关于!wepoker透视有用吗(透视)wpk可以透视吗,教程窍门(有挂教学)-哔哩哔哩1、完成w...
aapoker真的假的!wep... aapoker真的假的!wepoker透视脚本下载(透视)挂-竟然详细存在有挂wepoker透视脚本...
透视关于!xpoker透视辅助... 透视关于!xpoker透视辅助(透视)约局吧德州透视,教程教程书(有挂规律)-哔哩哔哩约局吧德州透视...