获取angular2 +中的复选框值(不使用ngModel)

时间:2018-01-21 14:27:06

标签: angular

如何在不使用ngModel的情况下获取复选框值(因为我不想为每个复选框声明字段变量)

代码如下:

<input type="checkbox" (click)="foo(bar)">

public foo(bar) {
    console.log(bar);
}

预期输出为truefalse(无论显示复选框状态如何)

2 个答案:

答案 0 :(得分:2)

<input #bar type="checkbox" (click)="foo(bar.checked)">

Demo

答案 1 :(得分:2)

试试这个

enum Color {
    red,
    blue,
}

private allowedColors: Color[] = Object.keys(Color).map(key => Color[key]);
private color: Color = allowedColors[0];