angular-material 相关问题

如何将Matinput高度降低到一定值？

可透明输入 我有来自角材料库的简单matinput元素： <mat-form-field class="example-form-field"> <mat-label>Clearable input</mat-label> <input matInput type="text" [(ngModel)]="value"> @if (value) { <button matSuffix mat-icon-button aria-label="Clear" (click)="value=''"> <mat-icon>close</mat-icon> </button> } </mat-form-field> 该Matinput的高度为56px。我需要将这个高度降低到28px。请帮助我 这里是一个livedemo。 您可以尝试设置这些CSS变量以自定义高度。 您应打开检查元素并检查CSS变量/修改它以更好地适合您的要求。 这些自定义有一个很大的问题，因为它们不受角材料的支持，并且当您升级到将来的版本时可能会破裂。 :host { --mat-form-field-container-height: 42px; --mat-form-field-filled-with-label-container-padding-top: 15px; --mat-form-field-filled-with-label-container-padding-bottom: 3px; } stackblitzdemo

角材料不显示SelectionChange事件

我在不显示选择change的角材料中获得问题 我在不显示SelectionChange的角度材料中获得问题 <!-- Customer Dropdown --> <mat-form-field appearance="fill" class="customer-dropdown"> <mat-label>Select Customer</mat-label> <mat-select (selectionChange)="onCustomerChange($event.value)"> <mat-option *ngFor="let customer of customers$ | async as customers" [value]="customer.id"> {{ customer.name }} </mat-option> </mat-select> </mat-form-field> customerWithFilter$ = this.customerWithProjects$.pipe(map(customers => customers.filter(customers => customers.id == this.selectedCustomerId ) )); filterProjects(): void { this.customerWithFilter$ } onCustomerChange(customerId: number): void { customerId = this.selectedCustomerId ; this.filterProjects(); } customerwithfilter可观察到的作品正确。 thanks对于穆拉利的建议，我在customer.first_name参数中找到了问题。 <mat-form-field appearance="fill" class="customer-dropdown"> <mat-label>Select Customer</mat-label> <mat-select (selectionChange)="onCustomerChange($event.value)"> <mat-option *ngFor="let customer of customers$ | async as customers" [value]="customer.id"> {{ customer.first_name }} </mat-option> </mat-select> </mat-form-field>

我正在将Angular应用升级到版本19。升级后，我发现Nestedtreecontrol被弃用了。即使仍然可用，我的IDE表明 @deprecated使用Levelac之一...

已弃用。即使它仍然可用，我的IDE表明

如何以编程方式触发选项脱落的角度材料自动完成？

I有一个角度自动完成组件，我试图在其他事件发生后TS文件中触发（optionselected）事件。我正在设置带有更新选项的输入。

无法解析MatdialogRef Angular4

这是我的（dialog.components.ts）：

在角度项目上获取所有弃用元素

是否有一种方法可以在我的角度项目中获取所有弃用元素？ （例如函数，属性等），因此我可以一次更改所有内容而不一次查看一个.ts文件。如果有用的话，知道...

选择多个选项时关闭的预留垫垫子填充面板 我正在尝试在选择多个选项时试图防止MAT-AUTOCOLPOLTETER面板关闭。这是我的实施：

我正在尝试防止在选择多个选项时关闭面板。这是我的实施：

如何防止角度修剪输入值

<input matInput #email="ngModel" name="email" [(ngModel)]="email" type="email" (ngModelChange)="onEmailChanged($event);" [pattern]="emailRegex">

角4 MAT-RADIO组，带有垫形式场返回误差

我已经尝试将Matinput设置为Mat-Radio组，就像我对MAT-SELECT一样，但行不通

我如何在<mat-select>组件中实现自动完成？ 我想将自动完整功能与多选择垫式选择器相结合，因为选项列表将很长。 我已经在Stackoverflow上搜索了答案和CLO ...

展示多个默认值，并在垫子式trigger内部的角材料垫子上使用芯片显示芯片

如何在选定输入上删除Angular中的数字旋转器

I只需要在几个选定的输入上删除数字旋转器。如果我放置 / * Chrome，Safari，Edge，Opera */ 输入[matinput] :: - webkit-outer-spin-button， 输入[matinput] :: - webkit-inner -...

角cdk拖放滴堆叠列表无法降回原点droplist

如果单击链接不起作用。尝试将URL复制到浏览器的URL栏中

如何根据路由更改Angular Material V19组件颜色，并在单个SCSS文件中管理所有颜色？ 我的项目中使用了Angular Material V19（MDC）以及我的项目中的自定义角度组件（例如Header.component.ts）。在这些组件中，我经常使用Mat-Button等材料组件，但是W ...

如何在最新的角材料上添加扩展颜色19主题

i使用ng生成 @angular/材料：m3-theme生成主题颜色并将其应用于style.scss.scss，但是当我这样做时 style.scss @USE'@angular/材料'作为垫子； @USE'./_theme-colors.scss'as ...

角 - 定制元素与角材料结合

动态设置按钮图标iConPositionEnd

i我无法在按钮中以单个按钮中的图标位置为末端/启动，例如带有角晶状体属性偶像定位。 我使用@input（）customiconpos创建了一个按钮组件：boolean =

角材料19造型工具栏不起作用

repo

角 - 物质扩展/选择国家 - 无法获得资源

https：//github.com/angular-material-extensions/select-country

在垫子选择值更改，想要将某些标志传递到另一列或要使用Angular

在垫子选择值更改中，想要将一些标志传递到另一列或使用Angular添加同一行的下一列。 在垫子选择值更改，想要将某些标志传递到另一列，或者想使用Angular添加同一行的下一列。 <mat-select style="min-width: 150px;" [(ngModel)]="data.selected_value" name="configtableDropdown" (selectionChange)="selection($event, data)"> <mat-option *ngFor="let dropdownValue of data.values" [value]="dropdownValue"> {{dropdownValue}} </mat-option> </mat-select> </mat-form-field> 无论您要添加数据对象的添加什么，假设属性名称为data，现在在下一列中，您都可以参考someFlag并有条件地显示内容。 data.someFlag