Checkbox value not changing Angular 2 with local reference

Question

How to check is checkbx is checked or not

it is always showing true

<div>
   <input type="checkbox" (keyup)="0" #grade value="true">
    {{grade.value}}
</div> 

Answer 1

You can do as

.html

<mat-checkbox #checkbox (change)="onChange(checkbox.checked)"></mat-checkbox>

.ts

onChange(checked: boolean) {
  console.log(checked)
}

Answer 2

Now it is correct with

<div>
  <input type="checkbox" #grade (change)="0">
  {{grade.checked}}
</div>