Angular6材质-使用带有自定义ErrorStateMatcher的输入的步进器
Angular6材质是一种基于Angular框架的用户界面设计系统，它提供了一套美观、一致的UI组件和样式，帮助开发者快速构建现代化的Web应用程序。
带有自定义ErrorStateMatcher的输入的步进器是Angular6材质中的一个特定功能。ErrorStateMatcher是一个接口，用于确定表单控件的错误状态。步进器是一种用户界面元素，允许用户通过点击增加或减少按钮来选择一个数值。
使用带有自定义ErrorStateMatcher的输入的步进器可以实现以下功能：
- 错误状态匹配：通过自定义ErrorStateMatcher，可以根据特定的条件来确定步进器是否处于错误状态。例如，可以根据输入值的范围或其他自定义规则来判断是否显示错误提示。
- 自定义错误提示：当步进器处于错误状态时，可以自定义错误提示消息，以便向用户提供清晰的错误信息。
- 表单验证：步进器可以与Angular的表单验证机制结合使用，确保用户输入的值符合预期的要求。
推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种弹性、可扩展的云计算服务，提供了高性能、可靠的虚拟服务器实例。您可以选择不同的配置和规格，根据实际需求灵活调整计算资源。腾讯云云服务器支持多种操作系统和应用程序，并提供了丰富的网络和存储选项，适用于各种不同规模和类型的应用场景。
产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
这看起来应该是非常直接的。在stepper中，您正在收集信息，并且您希望确保电子邮件是电子邮件。但是似乎共享的'form‘标签导致了一些问题，比如错误检查器搞砸了，不能工作了？如何确保stepper验证条目，同时确保ErrorStateMatcher正常工作？import { FormBuilder, FormGroup } from
浏览 2提问于2018-08-18得票数 1
回答已采纳
我有一个表示对象数组的材质步进器。我尝试将角度材质v9步进器的当前步长设置为对象数组的最后一个元素。问题是对象数组是一个组件输入，我认为材质步进器在@Input()得到解决之前就被渲染了，所以我得到了一个Error: cdkStepper: Cannot assign out-of-bounds value我认为如果在ngAfterViewInit()中以编程方式设置选定的
浏览 29提问于2020-07-09得票数 0
我有一个标准的更改密码页面，所以你输入你的旧密码，然后是新密码，最后重复新密码。在"new password“上，我有多个自定义验证器，我还需要一个来检查"new password”是否等于"old password“。但实际情况是，当它在FormGroup上验证此部分时，突然触发了"new password“FormControl上的所有验证器！！ 有理由吗？Validators.required])],
浏览 22提问于2020-04-17得票数 0
回答已采纳
2回答
我正在尝试为角度材质输入创建自己的验证器...我想确认只有字母、数字和空格有效...我已经创建了一个自定义的空格来检查这个，但是我不能让它工作...这是我的代码： this.valid = false; } return this.valid;我应该使用哪条语句？或者用什么方式？
浏览 0提问于2018-10-18得票数 0
app-child [form]="form"></app-child></form> 子组件显示如下所示的输入字段]="matcher"</mat-form-field> 输入字段是必需的，如果提交表单时没有填
浏览 44提问于2019-06-13得票数 1
回答已采纳
我有简单的材料输入，对于这个输入，我使用的是材料errorStateMatcher，它帮助我动态地显示mat错误，而不是在输入模糊上。<input matInput在组件内部： isEr
浏览 0提问于2019-04-15得票数 0
回答已采纳
我有一个带有自定义ErrorStateValidation的角反应形式。所希望的行为如下：
仅在字段已提交且文本输入字段中没有输入任何内容时显示无效错误消息。我有#1在使用自定义ErrorStateMatcher。成功提交后，我将调用FormGroupDirective上的FormGroupDirective函数，该函数会将提交状态重置为FALSE。这个问题的工作示例可以在这里找到，。
浏览 3提问于2021-11-27得票数 1
回答已采纳
4回答
在角度材质步进器组件中，每个步骤由圆圈中的图标表示。此圆的背景颜色设置为主题的原色。是否可以将此颜色更改为主题的强调色？我试着设置 在两个 组件和每个组件 组件，但是这两个组件都没有任何效果，并且我在文档中看不到颜色输入。
浏览 89提问于2018-11-09得票数 10
回答已采纳
我想使用角材质窗体控件来制作文本框组件。{ this.fm.stopMonitoring(this.elRef);} <my-button [type]="'submit'">
浏览 0提问于2019-04-20得票数 6
回答已采纳
我没有使用angular材质stepper。我需要根据我将从API收到的状态来更改步进器的背景颜色。例如:如果状态为“发布”，则第一个步进器的背景颜色应为橙色，如果状态为“发布”，则第一个步进器的颜色应为绿色，第二个步进器的背景颜色应为橙色。如果有人能在这方面提供帮助，那就太好了。
浏览 1提问于2019-01-14得票数 0
我有一个包含开始日期和结束日期的表单。开始日期应从第二天开始，结束日期应至少距开始日期7天。我正在使用角度材质日期选择器，并为这两个字段设置minDate值。我在FormGroup级别有一个自定义验证器，它验证7天的逻辑，如果验证失败，将为End Date字段显示一条错误消息。 如果我手动键入较早的结束日期，验证工作正常，并显示一条错误消息。但是，如果我将开始日期更改为将来的日期，然后选择一个结束日期，导致验证失败，则不会显示错误消息
浏览 23提问于2020-12-08得票数 1
回答已采纳
10回答
我正在尝试使用and进行验证。当用户在没有填充的情况下将制表符移出输入时，这种方法工作得很好。但是，当我单击一个按钮时，如何强制显示此错误呢？我没有使用提交。另外，使用模板驱动的表单。这是我的代码： HTML： Due Date is required for Tasks TS： dueDateValidator: FormControl = new FormControl('',
浏览 127提问于2017-10-14得票数 42
回答已采纳
3回答
我来找你讨论一个关于棱角材料的问题。事实上，我认为这是一个问题，但我更喜欢先找一个错误的地方。matching-password.validator.ts constructor() {}现在，一些解释:使用标记，当pa
浏览 11提问于2017-12-19得票数 40
回答已采纳
2回答
我有一个带有嵌套表单组的反应性表单，其中包含一些需要验证器的表单控件。
似乎只有当用户向表单输入值时才会进行验证。如果表单是在没有用户交互的情况下提交的，则使用所需的验证器的文本框空显示为有效。这是一种正常的角形行为吗？我是不是遗漏了什么？
浏览 4提问于2021-03-23得票数 0
回答已采纳
怎样才能始终显示步长值以及描述angular材质中步长值的自定义文本？我要把数字放在上面，文字放在下面。
浏览 0提问于2018-11-21得票数 0
我有一张用Angular写的表格。当用户在步骤1上时，类是活动的，当用户完成步骤1并移动到步骤2时，步骤1上的类变为完成，步骤2获得活动类，依此类推。我写了下面这样的代码 id="Progress_Bar___Element___Compl"
浏览 19提问于2020-02-28得票数 0
回答已采纳
1回答
我在角材质定制的my-component中使用CdkStepper。自定义CdkStepper工作并呈现my。但是，当我在自定义的my-component中使用它时，似乎不可能获得它的高度和宽度。如果该组件在步进器外使用，则其高度和宽度将不是0。
浏览 6提问于2022-08-24得票数 1
我有一个带有自定义步进器的列表，并且此列表中的每个项目都有一个详细页，当我在详细页中更改自定义步进器的值时，以及当我刷新列表时，我需要更改它的值。
浏览 0提问于2019-02-01得票数 0
2回答
但是，如果表单是在不接触字段的情况下被提交的，则不会显示错误。或者这是我的密码：ngOnInit() { email: new FormControl我阅读了一些建议在表单提交上切换属性isSubmit的解决方案。但是看起来很难看，如果窗体被拆分成几个组件，则需要将此属性传递给子组件。我目前找到的唯一解决方案是检查classList
浏览 14提问于2022-04-10得票数 1
我想在组件中封装一个angular材质的matInput，以便在应用程序的其他地方重用它，因为我需要管理它的内部状态，以便将输入类型从文本更改为密码，反之亦然。我通过实现ControlValueAccessor设法做到了这一点，但是没有显示验证错误的样式。
浏览 42提问于2019-10-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
