#angular #angular-material #modal-dialog
#angular #angular-материал #модальный диалог
Вопрос:
Я работаю над приложением angular и использую материал angular MatDialogModule .
Я следил за документацией материала и попытался использовать тот же код в своем приложении. В документации нет файла styling .css. Но данные хорошо упорядочены.
Когда я попытался использовать тот же код в своем приложении, он не был организован. Есть ли MatDialogModule какой-либо стиль по умолчанию или документация пропускает часть кода, посвященную стилю?
Диалоговое окно в соответствии с документацией
Диалоговое окно, когда я использую тот же код
Комментарии:
1. Это будет как диалоговое окно?
2. да @JijoCleetus
3. stackblitz.com/angular /… это URL-адрес stackblitz для того же диалогового окна. Пожалуйста, пройдите через это
4. В папке приложения нет файла css. Следует ли учитывать его стиль
styles.scss?5. Вам не нужно использовать какой-либо отдельный css, поскольку вы импортируете компонент пользовательского интерфейса в свой компонент, используя приведенный ниже код.
import {MatDialog, MAT_DIALOG_DATA} from '@angular/material/dialog';Этот MatDialog, имеющий встроенные стили
Ответ №1:
Вы можете забыть стиль импорта в style.scss
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
и стиль шрифта Google в index.html
<link href="https://fonts.googleapis.com/icon?family=Material Iconsamp;display=block" rel="stylesheet">