我正在项目中使用angular material。 我想在每次单击addItem按钮时添加额外的步骤项(mat-step)。 我创建了一个plunker。 https://stackblitz.com/edit/angular-enmq1z?file=app%2Fstepper-overvi...
我正在我的Angular应用程序下使用mat-autocomplete小部件: mat-autocomplete是一个自动完成小部件。 返回结果: mat-autocomplete是一个自动完成小部件。 <mat-form-field class="col-md-3" color=...
我有一个项目,其中有一个地图(使用ngx-leaflet)。 在标记上点击时,我想从Angular Material中显示一个Dialog。 Dialog打开后,当我点击关闭按钮时,它会重新打开然后再关闭。 我尝试过的: 使用Timeout延迟Dialog的打开 触发一个Subject来打开...
我正在尝试为我的应用程序工具栏中的mat-menu编写测试。 当我在测试中调用button.click()时,控制台会出现Cannot read property 'templateRef' of undefined错误。 由于所有内容在浏览器中都正常工作,因此我认为这与我运行测试的方式有关...
我该如何使用 beforeClose() 方法,在关闭材料对话框之前显示确认消息? this.dialogRef.beforeClose().subscribe(result => { var cn = confirm('You have begun editing fie...
我正在根据我目前的学习使用材料设计创建一个样本应用程序,但是我注意到材料设计的开箱即用字体对不同组件有所不同。在材料对话框内的材料标题元素中,标题显示为漂亮的Roboto字体,但材料对话框内容则显示为Roman字体: 这是我对话框的html组件: <h3 mat-dialog-ti...
当前下拉框的宽度大于行的宽度: 有没有办法去掉多余的宽度? 这是我的当前代码: HTML: <mat-form-field> <mat-select disableOptionCentering placeholder="Choose an option"...
我正在使用 Angular 6.1.3 和 angular/material 6.4.5(均为最新版本)。 但是,当我运行以下代码时,它总是显示蓝色的选择框。 我已经在 Chrome 和 IE 上尝试过,两者都有同样的问题。 是否有任何方法可以去掉这个蓝色框? 谢谢! <mat...
我有一个带有ngfor的mat-accordion,在单击面板时会显示一个表格。 除了Mat sort之外,一切都按预期工作,它只对第一个表格进行排序。 我读到需要在每个表格中放置模板引用变量,但是如何动态实现呢?或者还有其他方法可以实现这一点。 以下是我的代码: <mat-acc...
我正在尝试在我的菜单列表中使用angular material badge。 是否可以将徽章的位置设置在列表项的中心位置? 官方文档说:“默认情况下,徽章将放置在上方或下方后面。可以通过定义属性matBadgePosition来更改方向,其后跟随above|below和before|aft...