Ошибка 'mat-dialog-content' не является известным элементом

Question

Я пытаюсь создать форму входа, используя angular-материал.Я использую @angular/material": "^7.3.0.

В app.module.ts я импортировал следующее и поместил их также в массив импорта,

import {
  MatToolbarModule, MatFormFieldModule, MatInputModule,
  MatOptionModule, MatSelectModule, MatIconModule, 
  MatButtonModule, MatCardModule, MatTableModule,
  MatDividerModule, MatSnackBarModule
} from '@angular/material';

В message.components.ts у меня есть следующее

import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material';
import { Component, OnInit, Inject, Injectable } from '@angular/core';

@Component({
  selector: 'app-message',
  templateUrl: './message.component.html',
  styleUrls: ['./message.component.css']
})

export class MessageComponent implements OnInit {
  constructor(private dialogRef: MatDialogRef<MessageComponent>, 
               @Inject(MAT_DIALOG_DATA) public data: any) {
          }
          public closeMe() {
            this.dialogRef.close();
          }
          ngOnInit() {
          }
        }

В моем шаблоне message.component.html у меня есть

<h1 mat-dialog-title>Message</h1>
<mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions>
  <button mat-raised-button (click)="closeMe()">Close</button>
</mat-dialog-actions>

Я получаю ошибки для действий mat-dialog-action и содержимого mat-dialog,

'mat-dialog-content' is not a known element:
'mat-dialog-actions' is not a known element:

Согласнодокументация угловой материал имеются обе директивы.Что может быть не так в коде?Заранее спасибо.

Answer 1

Похоже, вы забыли импортировать MatDialogModule в AppModule (по крайней мере, я не вижу его в списке предоставленных импортов).
Для дальнейшего использования, первая строка * 1004На вкладке документации * API будут указаны модули, которые необходимо импортировать.