ошибка привязки 'matMenuTriggerFor' к кнопке в простом компоненте

Question

Я пытаюсь добавить материал меню в простой проект, см .:

https://stackblitz.com/edit/angular-11cjdg?file=src / app / header / header.component.ts

Но я продолжайте получать Не могу связать с 'matMenuTriggerFor', так как это не известное свойство 'button'.

Я пытался следовать https://run.stackblitz.com/api/angular/v1?file=src%2Fapp%2Fmenu-icons-example.ts и https://stackblitz.com/edit/add-angular-material?file=src%2Fangular-material%2Fangular-material.module.ts, но эта ошибка не исчезнет go. Кто-нибудь может увидеть, что я здесь делаю не так?

Answer 1

Вы должны импортировать свои angular модули материалов в app.module, а не в компоненте. Поэтому ваш app.module должен выглядеть следующим образом.

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css'],
})
export class HeaderComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}