Angular - FormGroup 踩坑合辑之:disabled 状态下的 value

在Angular中,当处理FormGroup时,若要获取包括disabled状态输入元素在内的所有值,应当使用formGroup.value。因为formGroup.getRawValue()只会返回非disabled状态的字段。

如果想要获取 FormGroupFormArray 所有的值, 包括 disabled 元素,应该使用 getRawValue()
因为.value 返回的是非 disabled 状态的元素的值。

const group = new FormGroup({
  groupName: new FormControl('CCB'),
  members: new FormArray([
    new FormGroup({ name: new FormControl('Lorie') }),
    new FormGroup({ name: new FormControl('Corey') }),
  ]),
});
  • value: any
    group.get('groupName').disable(); 
    console.log(group.value); // will miss groupName
    
    (group.get('members') as FormArray).at(0).disable(); 
    console.log(group.get('members').value); // will miss first line
    
  • getRawValue(): any
    group.getRawValue();
    group.get('members').getRawValue();
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值