-
1 votes1 answers1329 views
mat-autocomplete自动隐藏输入焦点上的占位符文本
我正在根据文档中的示例使用mat-autocomplete组件和输入，并且我已将输入配置为使用标签并且具有非浮动占位符文本，如下所示： <mat-form-field floatLabel="never"> <input type="text" placeholder="Search..." ... -
1 votes1 answers279 views
角度材料6多个不同颜色的垫子滑块
我在页面中有3个“滑块”滑块，我希望滑块有3种不同的颜色 . 我无法覆盖页面（组件）的主题颜色，因为它将应用于所有滑块 . 我是否必须为滑块制作3个不同的组件并覆盖每个组件中的主题颜色？实现这一目标的最简单方法是什么？下面是我的角度和包装版本， Angular CLI: 6.0.8 Node: 8.9.4 OS: win32 x64 Angular: 6.0.6 ... animations, c... -
0 votes1 answers345 views
删除材质对话框上的奇怪边框
我使用Angular material 6对话框组件 . 它显示了一个奇怪的 border . 你能告诉我如何删除它吗？我尝试过如下 . 但它没有用 . 如果我在浏览器内部（内联）这样做，那么它的工作原理 . 任何线索？ dialog.component.html <h1 mat-dialog-title>Confirm</h1> <div mat-dialog-... -
-1 votes2 answers1178 views
模板驱动形式的角度材料Mat-Chip验证
我使用Angular 6和Angular Material 6.我想要mat-chip字段 . 当我输入mat-chip字段时，将启用保存按钮，否则将被禁用 . 输入字段是必需的，但不能要求mat-chip字段 . 请帮我找到解决方案 . 谢谢 . 我的示例代码链接在这里：stackblitz demo -
2 votes0 answers1981 views
角度材料设计中的时间输入
我正在使用Angular 5和材料库 . 我需要使用时间输入，但在文档中，我没有找到完成此任务的解释 . 是否有任何人有相同的需求，可以建议我一个很好的教程或文档？ TNX -
1 votes1 answers1777 views
角度材料选项卡中是否有onClick事件？
有没有办法做 onclick 之类的东西但是在标签中呢？我的网站运行了一个heroku（https://nextlevel-server.herokuapp.com/），当用户点击"Paladins"或"Smite"或"league of legends"时，我想做一些代码 . 我读了doc和API，但我看到的唯一方法是 onInit 在... -
0 votes0 answers743 views
角度材质组件mat-select和mat-label裁剪文本
我遇到的问题是我使用过的font-family导致了一些材料组件的文本裁剪，例如 mat-select, mat-label, mat-input . 这只是一个 line-height 问题吗？对于输入，我通过增加线高来解决它 . 但对于mat-label和mat-select，我不明白 . 有任何想法吗？ 干杯 -
1 votes2 answers613 views
角度材料 - 自动完成垫错误
我正在使用angular 6和angular material 6.4.2并且我无法在自动完成时正确显示错误 . 我've created a stackblitz to show you the behavior, here'是link 我的目标是按照预期在自动填充程序化中显示错误 . 非常欢迎所有的帮助:) 先感谢您 . 干杯，马塞洛 -
0 votes1 answers1829 views
即使在角度5中的taginput中选择选项后，如何清除保留在文本框中的键入值
我使用角度材料用自动完成组件的组合来包装芯片组件，以将tagInput组件作为可重用组件 . 这里的一切工作正常，但是在自动填充选项列表中选择之前我们输入的值无论是在选择值并将其转换为芯片之后都会显示 . 这只发生在鼠标点击上 . 使用Keyup.enter进行选择，即使在选择之后，它也不会显示我们输入的任何内容 . 但是对于使用鼠标单击进行选择，它不会清除我想从组件端控制它（sq-taglist... -
2 votes0 answers1160 views
角度材料徽章位置
我正在尝试在我的菜单列表中实现角度材料徽章 . 是否可以将徽章放在列表项的中心？ 官方文件说：“默认情况下，徽章将被放置在之后 . 方向可以通过定义matBadgePosition属性跟随上面和下面之前和之后来改变 . ” 但我需要排除以上位置选项 或者至少如果可以在列表项中设置可见的整个徽章 -
2 votes2 answers584 views
在构建时更改Angular Material主题变量
我需要自定义我的角度6应用程序以根据构建更改主要颜色（我必须在开发和 生产环境 时将原色更改为另一个） . 是否有任何直接的解决方案来改变构建的颜色？ -
0 votes1 answers1683 views
来自2个不同Web服务的Angular Populate mat-optgroup / mat-options
我是Angular的新手，并尝试在我的Angualr 6应用程序中添加带选项组的mat-select . 我有一个包含2个URL的现有Web API . 一个URL返回Groups，另一个返回给定groupId的每个Group中的Items . 加载时，此页面进入无限循环 . 为了排除故障，我尝试在ngOnInit（）中为this.groups添加一个 Logger ，这样我就可以构造HTML使用... -
0 votes3 answers46 views
如何更改角材料表单字段中所需生成的asterick的css？
我在angular6应用程序中使用角度材料 . <mat-form-field fxFlex> <mat-label [class.form-label]="fg.get('email').valid && fg.get('email').touched">{{attributesLabels.email}}<... -
0 votes0 answers556 views
Angular Materials自动完成功能不会关闭
当您查看官方示例时，使用Tab键焦点丢失时自动完成列表将关闭：Angular Material Autocomplete documentation/example 在我的实现中，当弹出控件时弹出窗口保持打开状态 . 它只在我用鼠标点击其他地方时关闭，或者如果我选择了一个建议的元素 . 我做错了什么，它不像原始元素？我有最新的Material版本，如果我使用FormControls而不是[（ngM... -
0 votes0 answers827 views
角度材料如何并排排列标签和文本框
在这里我使用Angular Material的事情是标签和文本没有正确对齐 <div class="example-container"> <form class="example-container" [formGroup]="options"> <... -
-1 votes2 answers1106 views
角材料条件字幕
我有以下内容： <div class="wrapper"> <mat-card style="margin:1em; width: 250px; border: 1px ridge white"> <mat-card-header> <div mat-card-avatar class="verify... -
0 votes1 answers1990 views
最小化角度材质对话框
谁能帮助我如何保持角度材料对话最小化，如下所示？我想使用材质对话框组件打开多个对话框's and able to switch between them. Is this possible in angular material (I was only be able to open stacked dialog'？ -
0 votes0 answers974 views
角度/材料的基本添加因Angular 6而失败
我只是做以下事情： ng new my-proj cd my-proj ng add @angular/material 我得到以下错误： 您的项目未使用构建和测试的默认配置 . Angular Material原理图只能与默认值一起使用组态 认真？还有谁？ 配置： Package Version ----------------------... -
0 votes0 answers1743 views
Angular材料 - mat对话框页脚消失（Firefox）
在我的一个项目中，我正在使用mat对话框 . 我使用dialog.open（）打开宽度为＆maxWidth的对话框 . 对于mat对话框内容，将覆盖以下样式 . .mat-body { overflow: auto } 我在对话框组件中加载了一个ag-grid . 页眉和页脚对话框很好，直到我在网格中添加数据 . 当数据添加到网格时，页脚会消失 . 此方案仅在Firefox浏览器中发生 . -
1 votes3 answers1731 views
带数据源的角度材质表：分页和过滤器不起作用
我有以下带有数据源属性的角度材质表： <div class="dim"> <mat-form-field > <input matInput class="warn" (keyup)="applyFilter($event.target.value)" placeholder="Sear... -
1 votes1 answers307 views
Angular 6 Material Table Sticky Header不起作用
我需要将mat-table组件的Header固定在顶部，但它不起作用 . 我有Angular v6.1.7和@ angular / material v6.4.7 . 我将"sticky: true"属性添加到matHeaderRowDef为someone mentions here，但它没有做任何事情:( <tr mat-header-row *matHeaderRow... -
0 votes0 answers1978 views
将Stepper传递到另一个组件中
我正在使用MatStepper，我在mat-step中有一个组件，里面有一个按钮，我需要在单击按钮时更改步骤，我不确定是否可以将步进器作为@Input传递然后更改为下一步 . 我正在搜索，但我没有找到任何与此相关的答案 . 谁能帮我？ steppercomponent.html <mat-horizontal-stepper [linear]="isLinear" #st... -
0 votes2 answers1131 views
Angular 7和Angular Material表在为每行生成下拉列表格式控件时出现数据源错误
基于这个堆栈上的question，我需要为角度材料表 dataSource 生成的每一行绑定一个下拉列表 . 下拉列表应自动选择对应的值，作为其他值 . 这是表： <form [formGroup]="formGroup"> <table mat-table [dataSource]="dataSource" matSort>... -
1 votes1 answers1292 views
Parent mat-grid-list中的新mat-grid-list无效
我想把mat-grid-list放在 PARENT mat-grid-list里面 . 以下是代码 - <mat-grid-list cols="12" rowHeight="2:1" gutterSize=2px> <mat-grid-tile colspan="12" rowspan="1" ... -
0 votes1 answers999 views
angular：matTable在没有--aot编译时给出错误“无法读取未定义的属性'find'”
当没有--aot编译时，角度材质表（matTable）抛出以下错误 . 如果目标es版本为 es5 ，应用程序将正常工作 . 但该应用程序在很大程度上取决于 es6 功能 . 所以，应该只用es6编译 . 可以使用Github存储库重现错误 Updated ： 材料和cdk to在package.json中降级到6.4.1 . 但它安装了最新版本 . 这导致了这个问题 . 如果两个包都单独安装 ... -
0 votes1 answers1817 views
如何防止在Angular材质对话框中向下滚动？
我通过 http 请求检索数据，文本预先格式化为HTML文本，大部分时间都很长 . 基本上我使用以下内容： <h2 matDialogTitle> My title</h2> <mat-dialog-content> <p [innerHTML]="data.displayText" ></p> </mat-... -
0 votes0 answers711 views
如何防止Angular材质中的Web动画选择？
我有一个mat-select下拉列表，它是材料组件 . 我需要根据规格来设计它 . 造型垫选择本身没有问题，但造型面板更具挑战性 . 当我在github上检查mat-select的代码时，会有这个web api动画，它使容器选项变得更宽 . 我不需要它更宽，我需要它与mat-select本身完全相同 . 但2小时的css挣扎并没有给我任何东西，似乎我无法覆盖web api动画用css做的事情 . ... -
0 votes1 answers311 views
Mat-select面板最小宽度
我正在尝试使用多个复选框自定义mat-select . 由于某种原因，面板错误的最小宽度如下： 我不知道它在哪里计算这个最小宽度 . 我也尝试添加panelClass并覆盖此类的最小宽度，例如： <mat-select #multipleSelect (selectionChange)="selectItem($event.value)" panelClass=&quo... -
0 votes1 answers1631 views
将HTML传递给mat对话框 - Angular Material
我正在尝试将HTML传递给mat对话框，但它在对话框中显示 [object HTMLTableElement] 而不是表HTML . 我试过的步骤： 在模板中制作了一个元素参考，如下所示： <table hidden #contentTable><th></th><tr></tr></table> 在组件中访问View... -
0 votes1 answers1940 views
matTextareaAutosize在Angular Material 6.4.2中不起作用
我正在尝试在角度材料6.4.2上的textarea上应用自动调整大小，如下所示 - <mat-form-field> <textarea matInput [matTextareaAutosize]="true" placeholder="Task description" formControlName="descr...