Центр угловой матдиалогCSS

Разбираемся в CSS
Ответить
Anonymous
 Центр угловой матдиалог

Сообщение Anonymous »

Я реализовал модальный диалог с использованием углового Matdialog, который будет использоваться вместо функции Alert ().
Все работает нормально, но позиционирование диалога. Я не могу разместить диалог в центр страницы. Диалог всегда появляется на нижнем левом краю страницы.

Код: Выделить всё

Oups! Something went wrong.

{{error}}

OK
< /code>

И эта функция открывает диалог < /p>

private openDialog(error: string) {
const dialogConfig = new MatDialogConfig();

dialogConfig.data = {
error: 'This is a test'
}
dialogConfig.disableClose = false;
dialogConfig.hasBackdrop = false;
dialogConfig.autoFocus = false;
dialogConfig.width = '600px';
dialogConfig.height = '200px';

this.dialog.open(ErrorDialogComponent, dialogConfig);
}
< /code>

и класс компонентов: < /p>

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

@Component({
selector: 'app-error-dialog',
templateUrl: './error-dialog.component.html',
styleUrls: ['./error-dialog.component.scss']
})
export class ErrorDialogComponent  {
error: string;

constructor(@Inject(MAT_DIALOG_DATA) data) {
this.error = data.error;
}
}
Здесь экрана:


Подробнее здесь: https://stackoverflow.com/questions/503 ... -matdialog
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»