首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >禁用角4的FormControl不检查或显示验证错误

禁用角4的FormControl不检查或显示验证错误
EN

Stack Overflow用户
提问于 2018-06-05 07:01:29
回答 1查看 1.7K关注 0票数 1

我将FormControl对象绑定到input元素。

<input matInput [formControl]="nameControl">

它按以下方式初始化

this.nameControl = new FormControl({value: initValue, disabled: true}, [Validators.required, UniqueValueValidator(uniqueValues)]);

FormControl被禁用时,它不会检查任何错误。

问题是如何使控件处于禁用状态,并且仍然显示错误。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-05 07:09:00

当表单控件是validinvalid时,不可能获得disabled状态。

表单控件有四种状态类型:pendingdisabledvalidinvalid只保留其中一种状态。因此,当表单控件的状态为disabled时,它将只为disable,而不是valid,而不是invalid,参见文档

从技术上讲,您可以模拟验证过程,但是任何基于input.hasError('...')invalid/valid的方法都不能工作。

代码语言:javascript
代码运行次数:0
运行
复制
<input matInput [formControl]="nameControl">
<div *ngIf="form.get('nameControl').disabled && form.get('nameControl').value === ''">
  field is required.
</div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50693973

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档