我有一个使用 Angular 2 和 Angular Materials 的网络应用程序。我正在使用一个简单的模式:
<h1 md-dialog-title *ngIf="data">{{data.title}}</h1>
<div md-dialog-content>What would you like to do?</div>
<div md-dialog-actions></div>
但是当我运行应用程序时,模态框的高度为 100%。当我使用 Chrome 开发工具检查时,看起来 Angular Materials/Angular 2 正在注入(inject)一些围绕 md-dialog-content 的类。这是一个快照:
无论如何,有人对如何覆盖该行为有任何建议,以便我可以手动影响大小吗?谢谢。
最佳答案
您是否尝试过以所需的特定高度打开对话框?像:
let dialogRef = dialog.open(UserProfileComponent, {
height: '400px',
width: '600px',
});
强制自定义样式的另一种方法是自定义主题本身。你可以看看指南here .
关于css - 如何将 CSS 添加到 Angular Materials 组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42825379/