I am encountering an issue with my Angular 9 application. I have integrated angular-material and imported the MatCheckboxModule correctly in the module.
Here is the version of the material package I am using:
"@angular/material": "^10.2.0",
However, despite setting everything up properly, I keep receiving the following error message:
Can't bind to 'checked' since it isn't a known property of 'mat-button-toggle'.
This is how I have structured my code:
<div class="menu">
<mat-button-toggle [checked]="true" value="contours" (change)="toggleLayer($event)">
contours</mat-button-toggle>
<mat-button-toggle [checked]="true" value="museums" (change)="toggleLayer($event)">
museums</mat-button-toggle>
</div>
This is the module setup:
MatCheckboxModule,
],
exports: [],
})
export class DesktopDashboardModule {}
And this piece of code is from app.module:
@NgModule({
declarations: [AppComponent, NavBarComponent],
imports: [
AppRoutingModule,
BrowserModule,
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
DragDropModule,
MatCardModule,
MatGridListModule,
MatProgressSpinnerModule,
MatIconModule,
DesktopDashboardModule,
MobileDashboardModule,
MatButtonToggleModule,
I have tried searching online for a solution, but no luck so far. Any guidance on where I might be going wrong would be greatly appreciated. Thank you!