title: Can't bind to 'checked' since it isn't a known property of 'mat-button-toggle'. in angular 9
body: <p>I have angular 9 application.</p>
  <p>And I am using angular-material. and the module: MatCheckboxModule</p>
  <p>And I also imported the MatCheckboxModule in the correct module.</p>
  <p>I am using this material package:</p>
  <pre><code>&quot;@angular/material&quot;: &quot;^10.2.0&quot;,
  </code></pre>
  <p>But I still get this error:</p>
  <pre><code>Can't bind to 'checked' since it isn't a known property of 'mat-button-toggle'.
  </code></pre>
  <p>So I have this:</p>
  <pre><code> &lt;div class=&quot;menu&quot;&gt;
           &lt;mat-button-toggle [checked]=&quot;true&quot; value=&quot;contours&quot; (change)=&quot;toggleLayer($event)&quot;&gt;
             contours&lt;/mat-button-toggle&gt;
        &lt;mat-button-toggle [checked]=&quot;true&quot; value=&quot;museums&quot; (change)=&quot;toggleLayer($event)&quot;&gt;
          museums&lt;/mat-button-toggle&gt;
      &lt;/div&gt;
  
  </code></pre>
  <p>and this is my module:</p>
  <pre><code> MatCheckboxModule,
      
    ],
    exports: [],
  })
  export class DesktopDashboardModule {}
  </code></pre>
  <p>and this I have in app.module:</p>
  <pre><code>@NgModule({
    declarations: [AppComponent, NavBarComponent],
    imports: [
      AppRoutingModule,
      BrowserModule,
      BrowserAnimationsModule,
      FormsModule,
      HttpClientModule,
      DragDropModule,
      MatCardModule,
      MatGridListModule,
      MatProgressSpinnerModule,
      MatIconModule,
      DesktopDashboardModule,
      MobileDashboardModule,
      MatButtonToggleModule,
  </code></pre>
  <p>So and of course I googled this. But I just found that this is the right solution.</p>
  <p>So what I do wrong?</p>
  <p>Thank you</p>