Angular2:如何在FormGroup中实例化复选框的状态?

尤金·史莫根(Eugene Shmorgun)

朋友,我在angular 2应用程序中有某种形式。在组件中,我使用这样的表单组:

this.formPersonalProfile = new FormGroup({
            private: new FormControl(false),
});

在此组件的模板中,我描述了复选框,如下所示:

<input type="checkbox" private="private" formControlName="private" class="form-check-input">

OK,此后,我通过ngbModal在弹出窗口中打开了此模板,并且看到未选中我的复选框。但是,当我尝试在控制台中查看FormGroup时,看到FormGroup的此字段为null。仅当我手动单击复选框时,我才能获得所需的价值。

我可以通过FormGroup设置复选框的默认值吗?

沉默寡言

您提供的代码段有些精简,但这是使复选框正确绑定的一个尝试。

您的输入可能不会像这样嵌套在标记的formGroup中

<form [formGroup]="formPersonalProfile">
    <input type="checkbox" private="private" formControlName="private" class="form-check-input" />
</form>

并确保已在应用模块中导入ReactiveFormsModule

import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms"

// later
@NgModule({
imports: [ BrowserModule, ReactiveFormsModule ],

这是一个可以正常工作的Plunker,可以为您提供所需的行为:http ://plnkr.co/edit/ryQ3G5p165XaXzJHcxUv?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如果使用 formGroup Angular2 进行检查,如何在屏幕上显示复选框值

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular 2 - 复选框列表 - 如何检查复选框的状态

来自分类Dev

如何在 Uipath 自动化的 Citrix 环境中获取复选框状态

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

如何在angular2的for循环中选择多个复选框?

来自分类Dev

如何在Angular中接受多个选中的复选框?

来自分类Dev

如何在 angular 2 中通过搜索保留复选框

来自分类Dev

如何在 Angular-4 的 ng2-table 中添加复选框?

来自分类Dev

如何在PHP中处理2个复选框?

来自分类Dev

如何使用 Angular 2 中的复选框删除多行?

来自分类Dev

如何在复选框中全选

来自分类Dev

如何在复选框Angular 8的复选框中以逗号分隔的字符串连接值

来自分类Dev

UITableView 状态持久化中的复选框

来自分类Dev

如何在asp.net中的GridView中检查复选框列的状态

来自分类Dev

如何在sqlite中保存android复选框状态?

来自分类Dev

Angular2:生成复选框问题

来自分类Dev

Angular2 复选框 - 取消选中事件

来自分类Dev

Angular2 - 带有多个复选框的 NgFor

来自分类Dev

Angular 10中复选框已选中状态

来自分类Dev

如何在react中的循环中设置动态复选框的状态?

来自分类Dev

如何在使用AlertDialog时在TextView中显示复选框的状态

来自分类Dev

如何在reactjs中显示已使用'linkState'的复选框的状态?

来自分类Dev

如何在MVC4中保留复选框选中状态

来自分类Dev

Angular2如何获取所有选中的复选框

来自分类Dev

在ngFor Angular 2中的输入类型复选框上设置检查状态

来自分类Dev

在ngFor Angular 2中的输入类型复选框上设置检查状态

来自分类Dev

在Angular2中选中复选框时启动事件

来自分类Dev

如何通过表格中的表单发送复选框状态

Related 相关文章

  1. 1

    如果使用 formGroup Angular2 进行检查,如何在屏幕上显示复选框值

  2. 2

    如何取消选中angular2中的复选框

  3. 3

    Angular 2 - 复选框列表 - 如何检查复选框的状态

  4. 4

    如何在 Uipath 自动化的 Citrix 环境中获取复选框状态

  5. 5

    Angular2中的复选框未触发事件

  6. 6

    如何在angular2的for循环中选择多个复选框?

  7. 7

    如何在Angular中接受多个选中的复选框?

  8. 8

    如何在 angular 2 中通过搜索保留复选框

  9. 9

    如何在 Angular-4 的 ng2-table 中添加复选框?

  10. 10

    如何在PHP中处理2个复选框?

  11. 11

    如何使用 Angular 2 中的复选框删除多行?

  12. 12

    如何在复选框中全选

  13. 13

    如何在复选框Angular 8的复选框中以逗号分隔的字符串连接值

  14. 14

    UITableView 状态持久化中的复选框

  15. 15

    如何在asp.net中的GridView中检查复选框列的状态

  16. 16

    如何在sqlite中保存android复选框状态?

  17. 17

    Angular2:生成复选框问题

  18. 18

    Angular2 复选框 - 取消选中事件

  19. 19

    Angular2 - 带有多个复选框的 NgFor

  20. 20

    Angular 10中复选框已选中状态

  21. 21

    如何在react中的循环中设置动态复选框的状态?

  22. 22

    如何在使用AlertDialog时在TextView中显示复选框的状态

  23. 23

    如何在reactjs中显示已使用'linkState'的复选框的状态?

  24. 24

    如何在MVC4中保留复选框选中状态

  25. 25

    Angular2如何获取所有选中的复选框

  26. 26

    在ngFor Angular 2中的输入类型复选框上设置检查状态

  27. 27

    在ngFor Angular 2中的输入类型复选框上设置检查状态

  28. 28

    在Angular2中选中复选框时启动事件

  29. 29

    如何通过表格中的表单发送复选框状态

热门标签

归档