问题标签 [mat-form-field]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
27 浏览

angular - 无效时的mat-form-field轮廓悬停效果

我正在尝试更改背景的颜色,即鼠标悬停时勾勒出的垫子表单字段的颜色。

上面的代码运行良好,当表单控件有效但是当它无效时,我尝试了:

这会永久改变颜色。不仅当我有鼠标悬停时。请帮忙。谢谢,大卫

0 投票
1 回答
27 浏览

angular - 单击matPrefix / matSuffix时如何防止matInput聚焦?

我正在尝试实现一个计数器表单字段。它有两个按钮;一个用于增加计数值,一个用于减少计数值。到目前为止,实施非常简单。

但是,例如,当我单击matSuffix增量按钮时,它matInput会自动获得焦点。这会触发键盘在移动浏览器上向上滑动,并在视口抖动时让用户感到沮丧。如何防止这种行为?

我尝试制作自定义指令以应用于按钮,但无济于事。我也尝试将 counter 实现为 custom MatFormFieldControl,但它有自己的问题,所以这种方法是行不通的。

我能找到的与我的担忧相关的唯一资源是这个GitHub 问题。根据它,我应该绑定$eventonDecrement()andonIncrement()方法,然后调用.stopPropagation()绑定的事件对象。有效!按下递增和递减按钮时不再显示键盘。

我对这种方法的唯一问题是,现在当值低于最小约束mat-error时,消息不会显示。所以 GitHub 讨论中提出的“解决方案”对于我的用例来说确实是一个破碎的可访问性问题。counterValidators.min

在不影响上述可访问性问题的情况下,如何防止matInput在按下/单击matPrefix和时获得焦点?matSuffixmat-form-field

0 投票
1 回答
23 浏览

css - 更改颜色标签

我使用有角度的材料,我有这个输入:

在此处输入图像描述

当我按下输入时,标签位于顶部并更改颜色,

在此处输入图像描述

我想更改图像上的最后一个标签选择,所以我这样做:

但它不起作用。任何人都可以帮助我吗?

0 投票
0 回答
14 浏览

angular - 我们应该在 ngFor 循环中使用相同的角度 id

我想知道以下是否被接受。

我确实尝试了这段代码,它工作得很好。

0 投票
1 回答
36 浏览

angular - 如何在mat angular中按字母顺序对下拉值进行排序

根据 Angular 文档,没有可用于排序的 orderBy 管道。根据文档,我必须自己在组件中实现排序。由于我对 Angular 很陌生,我不确定如何去做。有人可以帮忙吗?我正在寻找实际的代码,它可以解决问题。

我想按升序对颁发者下拉列表进行排序。ts文件如下