Angular2是否可以使用带有复选框的双向绑定?

塞雷尼

我想为复选框使用两种方式的绑定,但是如果使用[(ngModel)]它,它会显示true或false而不是选中项的值。有人知道这是怎么做的吗?

如果我想使用双向绑定并将其设置为“ expression.value”,我该怎么做:

<input type="checkbox" type="checkbox"/>&nbsp;Option 1</a></li>

在这种情况下,我想将复选框的值绑定:选项1到表达式类中。

贡特·佐赫鲍尔(GünterZöchbauer)

这是一个已知的问题

有不同的解决方法,例如使用event.target.checked代替模型中的值。

您可以使用

<input type="checkbox"  
    (change)="expression && expression.Option1=$event.target.checked ? true : undefiend"
    [ngModel]="expression?.Option1">
<input type="checkbox"  
    (change)="expression && expression.Option2=$event.target.checked ? true : undefiend"
    [ngModel]="expression?.Option2">

柱塞示例

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2 - 带有多个复选框的 NgFor

来自分类Dev

无法使用Angular2将Style.Top绑定到单击的复选框的坐标

来自分类Dev

具有双向绑定的WPF DataGrid SelectAll复选框

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

WPF:带有复选框的绑定命令

来自分类Dev

我可以使用此复选框吗?

来自分类Dev

我可以使用此复选框吗?

来自分类Dev

有什么方法可以使用下拉列表中的复选框?

来自分类Dev

有什么方法可以使用下拉列表中的复选框?

来自分类Dev

复选框检查Angular2布尔值是否为true

来自分类Dev

在 Angular 6 上为 *ngFor 内的输入类型复选框启用双向数据绑定

来自分类Dev

另一个Angular2双向数据绑定(带有流星)

来自分类Dev

Vue JS中复选框的适当双向绑定

来自分类Dev

输入复选框元素的双向数据绑定

来自分类Dev

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

来自分类Dev

具有必填属性的复选框的angular2组

来自分类Dev

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

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

Angular2:生成复选框问题

来自分类Dev

Angular2 复选框 - 取消选中事件

来自分类Dev

Dart Angular2-使用复选框值将组件布尔值绑定

来自分类Dev

带有复选框的Angular 2动态表单不起作用?

来自分类Dev

Angular 2:带有复选框的数组无法正常工作

来自分类Dev

如何使用复选框角度2绑定数据?

来自分类Dev

是否可以使用Google表格中的复选框使用sumproduct(或其他方式)从库存中减去?

来自分类Dev

使用复选框更改背景颜色,可以选择数量有限的复选框

来自分类Dev

Firemonkey复选框:Windows和MacOS平台上是否可以使用三态选项?

来自分类Dev

是否可以使用Angular2有条件地显示元素属性?

Related 相关文章

  1. 1

    Angular2 - 带有多个复选框的 NgFor

  2. 2

    无法使用Angular2将Style.Top绑定到单击的复选框的坐标

  3. 3

    具有双向绑定的WPF DataGrid SelectAll复选框

  4. 4

    Angular 2使用ngFor设置和绑定复选框

  5. 5

    Angular 2使用ngFor设置和绑定复选框

  6. 6

    WPF:带有复选框的绑定命令

  7. 7

    我可以使用此复选框吗?

  8. 8

    我可以使用此复选框吗?

  9. 9

    有什么方法可以使用下拉列表中的复选框?

  10. 10

    有什么方法可以使用下拉列表中的复选框?

  11. 11

    复选框检查Angular2布尔值是否为true

  12. 12

    在 Angular 6 上为 *ngFor 内的输入类型复选框启用双向数据绑定

  13. 13

    另一个Angular2双向数据绑定(带有流星)

  14. 14

    Vue JS中复选框的适当双向绑定

  15. 15

    输入复选框元素的双向数据绑定

  16. 16

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

  17. 17

    具有必填属性的复选框的angular2组

  18. 18

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

  19. 19

    Angular2中的复选框未触发事件

  20. 20

    Angular2:生成复选框问题

  21. 21

    Angular2 复选框 - 取消选中事件

  22. 22

    Dart Angular2-使用复选框值将组件布尔值绑定

  23. 23

    带有复选框的Angular 2动态表单不起作用?

  24. 24

    Angular 2:带有复选框的数组无法正常工作

  25. 25

    如何使用复选框角度2绑定数据?

  26. 26

    是否可以使用Google表格中的复选框使用sumproduct(或其他方式)从库存中减去?

  27. 27

    使用复选框更改背景颜色,可以选择数量有限的复选框

  28. 28

    Firemonkey复选框:Windows和MacOS平台上是否可以使用三态选项?

  29. 29

    是否可以使用Angular2有条件地显示元素属性?

热门标签

归档