如何在Angular中定义材质对话框的大小
在Angular中定义材质对话框的大小可以通过以下步骤实现：
- 首先，确保已经安装了Angular Material库。可以通过运行以下命令来安装它：
- 首先，确保已经安装了Angular Material库。可以通过运行以下命令来安装它：
- 在需要使用材质对话框的组件中，导入
MatDialog和MatDialogConfig： - 在需要使用材质对话框的组件中，导入
MatDialog和MatDialogConfig： - 在组件的构造函数中注入
MatDialog： - 在组件的构造函数中注入
MatDialog： - 创建一个方法来打开材质对话框，并定义对话框的大小。可以使用
MatDialogConfig来配置对话框的属性，其中包括width和height： - 创建一个方法来打开材质对话框，并定义对话框的大小。可以使用
MatDialogConfig来配置对话框的属性，其中包括width和height： - 在上述代码中，
YourDialogComponent是你自己定义的对话框组件。 - 最后，在需要触发对话框的地方调用
openDialog()方法即可： - 最后，在需要触发对话框的地方调用
openDialog()方法即可：
这样，当点击按钮时，将会打开一个材质对话框，并且可以通过设置width和height属性来定义对话框的大小。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云弹性容器实例（Elastic Container Instance）可用于部署和运行Angular应用。您可以通过以下链接了解更多关于腾讯云的产品和服务：
相关·内容
1回答
如何在angular material对话框打开时禁用背景页中的所有控件/点击
angular、angular-material、mat-dialog
我使用的是角度材质对话框(v7)，我们在对话框中有可编辑的单元格，在下面的页面中我们也有可编辑的单元格，比如文本区/文本输入。当对话框打开时，如果我按了ctrl+z，那么撤消操作也会同时在对话框和背景页面中工作 如何在打开对话框时禁用后台页面中的所有控件(如ctrl+z)。有关问题的实时示例，请查看下
浏览 31提问于2021-10-19得票数 0
1回答
我正在尝试构建一个包含大量数据的表，其中一些数据我希望在单击特定行后以模式显示。我创建了一个组件模式，它应该显示更多的数据，但问题是，当我单击特定的行时，它会将我带到另一个页面，我希望将其显示为模式，而不是在新页面中。这是我的html <tr *ngFor="let data of listOfUsers" routerLink="/sidebarComp">
<td>{{data.Name这是
浏览 6提问于2020-03-26得票数 0
2回答
如何在@angular2-材质中添加自定义颜色？
angular、angular2-material
我试图在@angular2-材质/幻灯片切换中添加我的自定义颜色，如红色和绿色。如果幻灯片切换被禁用，则颜色为红色，如果启用，则颜色为绿色。我的component.html代码是：- (change)="testChange($event)"<{
this.myColor = "#0064
浏览 2提问于2017-05-16得票数 0
回答已采纳
2回答
Mat-在自定义元素中使用时对话框不能正确显示
angular-material、angular-cdk、angular-elements
我正在尝试在我的angular自定义元素中使用mat-dialog。我在angular应用程序中工作得很好，但在构建自定义元素时似乎无法捆绑材质主题。当我在angular应用程序外部检查代码时，没有任何样式附加到任何cdk类。在angular服务器中运行时，一切似乎都运行得很好。如何在自定义元素中包含所需的css？我的app.m
浏览 4提问于2018-12-28得票数 1
2回答
如何在Angular中定义材质对话框的大小
css、angular、angular-material、dialog、material-dialog
感谢您的阅读。 我一直在尝试打开一个设置了大小的对话框。理想情况下是90%的宽度，但是我在这样做时遇到了麻烦。谁能给我指个方向(或者直接告诉我答案)。我认为必须在调用中设置它才能打开盒子，如下所示： readMe({title,img,date,content}:Blog):void{
const dialogConfig = new MatDialogConfig
浏览 38提问于2021-02-05得票数 0
1回答
Angular材质对话框Chrome 88中意外的滚动条
css、angular、google-chrome、angular-material
今天，我注意到我的应用程序中所有的Angular Material 10对话框现在都有了滚动条，尽管几天前不是这样的。截至最近，未更改任何依赖项或对话框样式。如in the documentation所示，对于角度材质10和11，对话框都有相同的问题。 是什么导致了这个问题?我们可以做些什么来解决这个问题？ 不需要的滚动条： ?
浏览 9提问于2020-12-09得票数 0
回答已采纳
2回答
关闭AngularJS中所有打开的引导模式？
angularjs、twitter-bootstrap、modal-dialog
tournament-tree.html'"></div><div class="modal-footer">
</script>
angular.module('tournamentTree', ['ui.bootstrap']);
angular.module('tournamentTree
浏览 3提问于2014-11-07得票数 7
回答已采纳
16回答
角度材质垫-微调器自定义颜色
css、angular、angular-material、spinner
谁知道如何在Angular材质中更改无纺布的颜色？覆盖css不起作用。我尝试在材质文件中更改颜色，但它们只能导入，我不能在那里更改任何内容。我希望它是我的自定义颜色，而不是来自预置主题的颜色。
浏览 4提问于2018-02-14得票数 46
2回答
从angular 8升级到Angular 9-错误
angular、angular9
mat-horizontal-stepper linear #stepperRegistration> mat-dialog-actions、mat-step、mat-dialog-content等也会出现同样的错误[errorStateMatcher]="matcher" 这是我的package.json "dependencies": { "
浏览 85提问于2020-01-27得票数 3
1回答
如何使用Angular2材质对话框输入值
angular、angular-material
Angular2材质的示例应用程序有一个对话框，该对话框返回字符串值，该值是用户编写的消息。但是，如果我想提示用户输入更多信息而不仅仅是一条消息，该怎么办？换句话说，在使用Angular2材料时，我不知道如何使表单的行为像一个对话框。这是我引用的示例应用程序：@Component({ <p>This is a dialog</p
浏览 0提问于2016-11-20得票数 1
2回答
如何在应用程序中的任何位置打开模式
angular、typescript、ngx-bootstrap
我需要把所有的模态放在一个地方，这样我就可以从应用程序的任何地方访问任何模态。这有没有可能。 if(this.modalRef) { this.modalRef = null;}<button (click)="openModal(someModal,'some-class')">Click</
浏览 0提问于2018-05-10得票数 3
3回答
最小化角度材质对话框
angular、angular-material、angular-material-6
有没有人能帮我讲讲如何像下面这样最小化角度材质对话框？我想打开多个对话框，并能够在它们之间切换。这在angular material中是可能的吗(我只能打开stacked对话框的using material对话框组件)？
浏览 1提问于2018-07-25得票数 2
2回答
添加新颜色和自定义主题颜色angular2 material
angular、angular-material
如何在Angular 2材质中添加新颜色。
它是在ng2-material文档中指定的: color：“primary”|“colors”|“warn”被接受。我想添加一些类似于"progressbarcolor“的东西，而不是在我为angular2材料定义的自定义主题中定义的颜色。
浏览 2提问于2017-03-28得票数 4
1回答
是否可以更改角度材料对话框的默认选项？
angularjs、angular-material
Angular material对话框默认为clickOutsideToClose: false，我总是希望它对我的应用程序中的所有对话框都是真的；有没有一种方法可以在不修改angular材质文件的情况下更改$mdDialog的默认选项？$mdDialogProvider还有一些额外的方法，但它们似乎不是为外部使用而设计的。
浏览 1提问于2015-11-13得票数 3
2回答
通过组件库全局使用Angular材质
angular、angular-material、angular-components、angular-library
我已经在angular 6中创建了一个组件库，我想在我的组件库中全局使用Angular材质组件。我已经尝试导入到app.module.ts (没有公开到库中)，我已经尝试修改我的main.ts以包含@NgModule并导出一个"MainModule“，这编译得很好，但似乎不是正确的方法？感谢您的帮助！
浏览 1提问于2018-09-20得票数 0
1回答
对话框、快捷栏、...entryComponents上的角度材质自定义主题
css、angular、angular-material
我正在使用Angular & Material v6，我有一个关于在entryComponents上应用自定义主题的问题，比如对话框或快餐栏。实际上，我在所有使用自定义主题material的组件上都设置了Roboto字体，但它没有应用于我的对话框或快餐栏。正如您所看到的，Roboto字体在我的页面上应用正确，但如果您打开对话框，则会使用时间新罗马字体...来自angula
浏览 30提问于2018-06-08得票数 1
回答已采纳
2回答
如何在角度材质中使用制表符时自动触发上一步和下一步按钮
javascript、angular-material
如何在调整窗口大小时自动触发上一步和下一步按钮？这是我的html });
如果可能，我希望最小化自定义的js和css。
浏览 0提问于2015-06-19得票数 0
2回答
使用材质对话框显示角度元素上的问题(ShadowDom问题？)
angular、dialog、element、shadow-dom
我将使用Angular 7上的Angular元素来构建轻量级的web组件，这些组件可以简单地部署到现有的web页面中。最初的测试是有希望的，但是我在使用基于角度材质(MatDialog)的对话框时遇到了显示问题。如果我将Angular组件(FilterComponent)构建为Angular元素，并在一个简单的HTML5网页中运行生成的<
浏览 15提问于2019-04-27得票数 5
1回答
材质对话框在某些计算机上无法在Chrome下运行
angular-material-8
Angular材质对话框在我的Chrome机器上停止工作。他们也停止了在网络上的工作，所以这不是一个编码问题。 任何使用角度材质对话框的站点都只显示一个空的透明灰色覆盖，而不是显示一个对话框。在Edge下，对话框仍然可以正常工作。他们上个星期工作得很好。我已经重启了几次，更新了系统上的所有东西，重新安装了Chrome，关闭了图形加速，删除了所有Chrome扩展，清除了缓存，检查了内
浏览 11提问于2019-08-27得票数 0
1回答
用于响应式设计的物料单选按钮组中的物料卡片
css、angular、responsive-design、angular-material
使用angular材质构建一个angular应用程序。用户可以选择通过信用卡或银行账户转账支付klarna。因此，在具有2个单选按钮选项的单选按钮组中，每个单选按钮都有材料卡。现在，它们中的每一个都有不同文本大小的图像。如何在响应式设计中使材料卡具有相同的大小。我尝试过Bootstrap，Angular Flex Layout，不错的旧CSS，但
浏览 40提问于2021-07-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
