我正在我的表单中添加多个复选框,在将控件添加到表单中时,对于某些复选框,我已将Disable属性值设置为True.

    this.myform.addControl('checkBox1'),
  new FormControl({
    value: true,
    disabled: true,
  })
);

   this.myform.addControl('checkBox2'),
  new FormControl({
    value: true,
    disabled: false,
  })
);

因此两个复选框都被添加为选中状态,其中一个被禁用,另一个被启用. 现在,在使用this.myform.value获取值时,没有获取禁用的check Box1. 仅获取一个复选框,即CheckBox2.

所以,请让我知道在这个.myform.value中也要获取check Box1

推荐答案

Angular 的formGroup.value不会返回禁用的控件值,而是可以使用formGroup.getRawValue(),它将包括所有的表单控件,包括禁用的.

this.myform.value  // returns only enabled controls

取而代之的是,在代码中使用以下代码来获取禁用的字段值.

this.myform.getRawValue();  // returns the all form controls value and include disabled controls too

Angular相关问答推荐

Angular 动画—淡出适用于DIV,不完全适用于子组件

Angular 客户端应用程序无法从停靠容器解析后端服务的地址

父母和子元素在17号角不保持同步

独立组件;依赖项注入

带迭代的Angular 内容投影

如何重新显示ngbAlert(Bootstrap widgest for Angular)消息后再次驳回它

确保我的角库S服务构建提供独立的友好提供功能

在Angular中使用ngFor进行表乘法

Angular 16模块中未使用的组件是否从Bundle 包中删除(树摇动)?

如何使用Angular 将图像作为二进制数据发送到我的API?

重新打开模态时 ng-select 中的重复值 - Angular

Angular 按钮指令错误地附加子元素

如何从 RxJS 重试中排除某些 url

带有 Angular 2 的 Django

带有嵌套表单数组的 Angular react式表单

Angular 4 - 在下拉列表中 Select 默认值 [Reactive Forms]

为什么Angular 12 'ng serve' 构建应用程序的速度很慢?

将 Angular 5 升级到 6 时,我得到不兼容的对等依赖(使用 ng update @angular/core)

在 2 个模块之间共享组件

如何将从后端渲染的参数传递给angular2 bootstrap 方法