title: Can't bind to 'mdMenuTriggerFor' since it isn't a known property of 'button'
body: <p>I'm getting this error when running my angular app with ng serve:</p>
  
  <pre><code>Can't bind to 'mdMenuTriggerFor' since it isn't a known property of 'button'
  </code></pre>
  
  <p>I have imported everything needed so i can't understand why it happens.</p>
  
  <p>module.ts:</p>
  
  <pre><code>.......
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { BrowserModule } from '@angular/platform-browser';
  import { MyDialogComponent } from './components/my-dialog/my-dialog.component';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { MatDialogModule, MatButtonModule, MatCheckboxModule, MatToolbarModule, MatInputModule, MatProgressSpinnerModule, MatCardModule, MatIconModule } from '@angular/material';
  import { MatMenuModule} from '@angular/material/menu';
  import 'hammerjs';
  
  @NgModule({
    declarations: [
      AppComponent,
      HeaderComponent,
      FooterComponent,
      MainComponent,
      MyDialogComponent
    ],
    imports: [
      BrowserModule,
      HttpClientModule,
      BrowserAnimationsModule,
      ReactiveFormsModule,
      FormsModule,
      MatDialogModule, MatButtonModule, MatCheckboxModule, MatToolbarModule, MatInputModule, MatProgressSpinnerModule, MatCardModule, MatMenuModule, MatIconModule
    ],
    entryComponents: [MyDialogComponent],
    providers: [DataService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;mat-toolbar&gt;My App
  
  
    &lt;span class="spacer"&gt;&lt;/span&gt;
    &lt;button md-icon-button [mdMenuTriggerFor]="menu"&gt;
        &lt;md-icon&gt;more_vert&lt;/md-icon&gt;
      &lt;/button&gt;
  
  &lt;/mat-toolbar&gt;
  </code></pre>
  
  <p>any reason for getting this error? I mean everything is imported as you can see, so why doesn't it run as it should?</p>