Checkbox Angular Material Checked By Default
Answer : You can either set with ngModel either with [checked] attribute. ngModel binded property should be set to 'true': 1. <mat-checkbox class = "example-margin" [(ngModel)] = "myModel"> <label>Printer </label> </mat-checkbox> 2. <mat-checkbox [checked]= "myModel" class = "example-margin" > <label>Printer </label> </mat-checkbox> 3. <mat-checkbox [ngModel]="myModel" class="example-margin"> <label>Printer </label> </mat-checkbox> DEMO this works for me in Angular 7 // in component.ts checked: boolean = true; changeValue(value) { this.checked = !value; } // in component.html <mat-checkbox value="checked" (click)="changeValue(checked)" color="primary"> some Label </mat-checkbox> I hope help someone ... greetings. let me know if someone have some easiest ...