//.html or app.component.html
<mat-checkbox (change)="toggle($event)" #checkme>hii check me</mat-checkbox>
<p *ngIf="this.checkme.checked">Checkbox(hii check me) is checked</p>
<p *ngIf="!this.checkme.checked">Checkbox(hii check me) is unchecked</p>
//.ts or app.component.ts toggle(event:any){ console.log(event.checked) if(event.checked) console.log("Check box checked") else console.log("Check box unchecked") }