Angular checkbox check

I’m writing a code where if a material is approved, it will appear with a blue mark next to it without me checking the checkbox. I tried the method below but, I can still check the box, it does not come already checked. This is what it should look like when the page is opened:

enter image description here

What am I doing wrong?


<ng-container matColumnDef="IsApproved">
                                    <th mat-header-cell *matHeaderCellDef> Ürün Onay Durumu </th>
                                    <td mat-cell *matCellDef="let row; let i = index">
                                            [(ngModel)]="row.IsApproved" [ngModelOptions]="{standalone: true}"
                                            binary="true"(onChange)="onChecked($event)"> Approved

TS Code:

export class ManufacturerDetailComponent {
displayedColumns: string[] = [
    IsApproved: boolean=false;
       onChecked(e: any){
         this.IsApproved = true;


Use the [checked] property to show the checked state at start.

     [(ngModel)]="row.IsApproved" [ngModelOptions]="{standalone: true}"
      [checked]="row.IsApproved"> Approved