Угловое диалоговое окно

Question

Мне интересно, возможно ли использовать диалоговое окно материала Angular для передачи строки непосредственно в метод dialog.open?Я новичок в Angular, и у меня есть только одно сообщение об ошибке для отображения в диалоговом окне.Я также хотел бы добавить, что я не хотел бы создавать новый HTML-файл для него специально для отображения одного сообщения об ошибке: P У кого-нибудь есть какие-либо предложения?

С уважением

Answer 1

Это возможно.В вашем компоненте передайте переменную, как это

const dialogRef = this.dialog.open(myDialogComponent, {data: this.myVariable});

Затем в вашем диалоговом компоненте сделайте это

import {MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
import {Inject} from '@angular/core';

export class myComponent implements OnInit{
  constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
  }
}

ngOnInit () {
  console.log(this.data);
}