Angular响应式表单,获取嵌套控件的原始状态。
创始人
2024-10-30 08:30:28
0

在Angular中,可以使用FormGroupFormControl来创建响应式表单,并且可以使用getRawValue()方法来获取嵌套控件的原始状态。

以下是一个简单的示例代码,展示了如何创建一个嵌套的响应式表单,并获取嵌套控件的原始状态:

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

@Component({
  selector: 'app-example',
  template: `
    
`, }) export class ExampleComponent implements OnInit { myForm: FormGroup; ngOnInit() { this.myForm = new FormGroup({ nestedGroup: new FormGroup({ nestedControl: new FormControl('Initial Value'), }), }); } onSubmit() { // 获取嵌套控件的原始状态 const nestedControlValue = this.myForm.get('nestedGroup.nestedControl').getRawValue(); console.log('Nested Control Value:', nestedControlValue); } }

在上面的代码中,创建了一个嵌套的响应式表单,其中nestedGroup是一个FormGroup,包含一个nestedControlFormControl。在onSubmit()方法中,使用getRawValue()方法获取nestedControl控件的原始值,并将其打印到控制台。

请注意,getRawValue()方法返回的是一个纯JavaScript对象,只包含控件的原始值,不包含任何Angular特定的元数据。

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

相关内容

热门资讯

透视挂!aapoker有后台操... 透视挂!aapoker有后台操控(德扑之星有辅)外挂透明挂辅助器安装(辅助挂)新版2024教程(20...
揭秘几款(Wepoke游戏)外... 揭秘几款(Wepoke游戏)外挂透明挂辅助工具(透视)曝光教程(2021已更新)(哔哩哔哩);致您一...
记者发布!微扑克发牌规律性(透... 记者发布!微扑克发牌规律性(透视)外挂透明挂辅助器安装(2021已更新)(哔哩哔哩)是一款可以让一直...
两分钟攻略!约战竞技场能开挂,... 两分钟攻略!约战竞技场能开挂,广东雀神辅助器免费版,wpk教程(有挂神器)是一款可以让一直输的玩家,...
关于!aa扑克能用模拟器,wP... 关于!aa扑克能用模拟器,wPK原来真的有挂,爆料教程(有挂透明)-哔哩哔哩相信很多朋友都在电脑上玩...
终于懂了(Wepoke代打)外... 终于懂了(Wepoke代打)外挂透视辅助机制(辅助挂)技巧教程(2022已更新)(哔哩哔哩);一、W...
实测发现!智星德州扑克辅牌器(... 实测发现!智星德州扑克辅牌器(辅助挂)反正真的有挂2025已更新)(哔哩哔哩)1)智星德州扑克辅助挂...
6分钟攻略!决战卡五星有银牌的... 6分钟攻略!决战卡五星有银牌的秘诀,雀神辅助器插件,系统教程(证实有挂)1.决战卡五星 ai辅助创建...
查到实测辅助!哈糖大菠萝切牌规... 1、查到实测辅助!哈糖大菠萝切牌规律(德扑之星底牌)外挂透明挂辅助APP(辅助挂)2024新版技巧(...
必备攻略(pokerworld... 必备攻略(pokerworld软件)外挂透明挂辅助app(透视)软件透明挂(2024已更新)(哔哩哔...