问题标签 [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.
angular - 无效时的mat-form-field轮廓悬停效果
我正在尝试更改背景的颜色,即鼠标悬停时勾勒出的垫子表单字段的颜色。
上面的代码运行良好,当表单控件有效但是当它无效时,我尝试了:
这会永久改变颜色。不仅当我有鼠标悬停时。请帮忙。谢谢,大卫
angular - 单击matPrefix / matSuffix时如何防止matInput聚焦?
我正在尝试实现一个计数器表单字段。它有两个按钮;一个用于增加计数值,一个用于减少计数值。到目前为止,实施非常简单。
但是,例如,当我单击matSuffix
增量按钮时,它matInput
会自动获得焦点。这会触发键盘在移动浏览器上向上滑动,并在视口抖动时让用户感到沮丧。如何防止这种行为?
我尝试制作自定义指令以应用于按钮,但无济于事。我也尝试将 counter 实现为 custom MatFormFieldControl
,但它有自己的问题,所以这种方法是行不通的。
我能找到的与我的担忧相关的唯一资源是这个GitHub 问题。根据它,我应该绑定$event
到onDecrement()
andonIncrement()
方法,然后调用.stopPropagation()
绑定的事件对象。有效!按下递增和递减按钮时不再显示键盘。
我对这种方法的唯一问题是,现在当值低于最小约束mat-error
时,消息不会显示。所以 GitHub 讨论中提出的“解决方案”对于我的用例来说确实是一个破碎的可访问性问题。counter
Validators.min
在不影响上述可访问性问题的情况下,如何防止matInput
在按下/单击matPrefix
和时获得焦点?matSuffix
mat-form-field
angular - 我们应该在 ngFor 循环中使用相同的角度 id
我想知道以下是否被接受。
我确实尝试了这段代码,它工作得很好。
angular - 如何在mat angular中按字母顺序对下拉值进行排序
根据 Angular 文档,没有可用于排序的 orderBy 管道。根据文档,我必须自己在组件中实现排序。由于我对 Angular 很陌生,我不确定如何去做。有人可以帮忙吗?我正在寻找实际的代码,它可以解决问题。
我想按升序对颁发者下拉列表进行排序。ts文件如下