Get checkbox value in angular2+ (not using ngModel )

Question

How can I get checkbox value without using ngModel (cause I don't want to declare field variable for every checkbox)

when code be like :

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

and

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

Expected output is true or false (whatever that shows checkbox status)

Answer 1

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

演示版

Answer 2

尝试这个

<input type="checkbox" (change)="foo($event.target.checked)">