Angular MatDialog 'bootstrap' не отображается справа или отсутствует - PullRequest
1 голос
/ 08 июля 2020

Я использую Angular MatDialog. У меня проблема с тем, что он не отображается правильно и со стилями, фоном и т.д. c .. У меня есть

import { MatDialog, MatDialogConfig } from '@angular/material/dialog';

, а также в app.module:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
import { MatDialogModule } from '@angular/material/dialog';

Is в моем проекте отсутствуют некоторые зависимости? У меня в пакете уже есть @ angular / material 9.1.3, @ angular / animations 9.1.3. json

Мат диалог. Работает, но стилей нет

Ответы [ 2 ]

0 голосов
/ 08 июля 2020

из angular руководство по тематике материалов :

Если вы используете Angular CLI, это так же просто, как включить одну строку в ваши стили. css файл:

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

Как вариант, вы можете просто сослаться на файл напрямую. Это будет выглядеть примерно так:

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
0 голосов
/ 08 июля 2020

Я обнаружил свою проблему, я не устанавливал тему материала angular по умолчанию в моем файле styles.s css, например:

@ import "~ @ angular / material / prebuilt-themes / indi go -pink. css ";

или настраиваемая тема, как описано здесь: https://material.angular.io/guide/getting-started#step -4-include-a-theme

...