Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >禁用角4的FormControl不检查或显示验证错误

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

Stack Overflow用户
提问于 2018-06-04 23: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-04 23:09:00

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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

复制
相关文章
禁用 Visual Studio Code 语义检查(单词检查)
这几天在 Mac 下装了微软的 Visual Studio Code(下面简称 VSCode),用起来感觉非常不错,很多功能在 atom 上需要安装插件才能实现的,在 VSCode 中都是集成好的,比如 JavaScript 的智能提示、高亮显示已选同名单词等。但是有一个功能让我看着很不顺眼,就是它会将一些拼写错误的单词打上一条绿色的波浪线,如果代码里面有很多缩写的单词,就会出现非常多的波浪线,看着非常难看,如下图:
我与梦想有个约会
2023/10/20
1.8K0
禁用 Visual Studio Code 语义检查(单词检查)
解决Typecho评论时显示「网络错误,检查网络问题」
多次定位问题后发现是手机端User Agent字段过长了,解决方法也很简单,将typecho数据库中评论的数据表typecho_comments表的agent字段长度改为1000即可。
Hsinyan
2022/08/30
9230
解决Typecho评论时显示「网络错误,检查网络问题」
Confluence 6 WebDAV 禁用严格路径检查
如果你在你的 WebDAV 客户端发现了一些不正常的现象,例如文件夹在 Confluence 中是存在的,但是在你客户端下载的文件中就不存在了。你可以禁用  WebDAV 插件中的严格路径检查选项,这个选项能够帮你缩小你遇到的问题。
HoneyMoose
2019/01/30
6620
Spring boot Admin禁用redis的健康检查
当前在做项目时,发现引入了redis的包,但实际没有用到,这样导致健康检查的时候,redis那一项是红色,一直是down状态。 经网上查找,增加以下配置即可:
星痕
2020/02/13
2.4K0
如何移除或禁用 Ubuntu Dock
Ubuntu Dock - 屏幕左侧栏,可用于固定应用程序或访问已安装的应用程序。使用默认的 Ubuntu 会话时,无法使用 Gnome Tweaks 禁用它(禁用无效)。但是如果你需要,还是有几种方法来摆脱它的。下面我将列出 4 种方法可以移除或禁用 Ubuntu Dock,以及每个方法的缺点(如果有的话),还有如何撤销每个方法的更改。本文还包括在没有 Ubuntu Dock 的情况下访问 活动概览(Activities Overview)和已安装应用程序列表的其它方法。
用户8639654
2021/10/25
6.6K0
validateRequest=false 可以禁用请求验证[通俗易懂]
参看了MVP的利用WebClient和WebRequest类获得网页源代码于是想自己动手写点,当然是参考其的办法啦。
全栈程序员站长
2022/06/28
5890
Angular 表单3--响应式表单 复杂验证
我们可以借助Angular的formControl来实现,这里我们基于FormControl创建一个子类ProductFormControl来提高可复用性
mafeifan
2019/05/19
2.5K0
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
前言 element弹窗效果挺好看的,就分享给大家了! 效果演示 image.png image.png 食用方法 一、引入cdn资源 <!-- 引入VUE --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入组件库 --> <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></
你的明明呐丶
2022/06/27
1.3K0
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
Angular 从入坑到挖坑 - 表单控件概览
angular 入坑记录的笔记第三篇,介绍 angular 中表单控件的相关概念,了解如何在 angular 中创建一个表单,以及如何针对表单控件进行数据校验。
程序员宇说
2020/03/19
18.9K0
HDOJ 1279 验证角谷猜想
Problem Description 数论中有许多猜想尚未解决,其中有一个被称为“角谷猜想”的问题,该问题在五、六十年代的美国多个著名高校中曾风行一时,这个问题是这样描述的:任何一个大于一的自然数,如果是奇数,则乘以三再加一;如果是偶数,则除以二;得出的结果继续按照前面的规则进行运算,最后必定得到一。现在请你编写一个程序验证他的正确性。
谙忆
2021/01/21
4110
Angular6自定义表单控件方式集成Editormd
曾经找到过“Editor.md”,看之心喜,一直想在Angular中集成下这款markdownpad编辑器玩,在网上也只找到一篇通过指令集成的,虽然可以实现,但还是希望能做成组件形式的,之后看到一篇自定义组件的文章,了解到ControlValueAccessor才真正完成这个心愿,现在记录分享与诸公。
WindCoder
2018/09/19
5.2K0
Angular6自定义表单控件方式集成Editormd
禁用WordPress致命错误(WSOD)处理
WordPress 5.2内置了一个新功能,当检测到插件或主题发生错误时,自动发送邮件通知网站管理员,即使在后端完全无法访问的情况下(例如发生所谓的“白屏死机”),管理员仍然有机会登录并对此问题采取措施。
可定
2020/04/20
6020
JavaScript 的表单或邮箱验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否合法? 用户是否已输入合法的日期? 用户是否在数据域 (numeric field) 中输入了文本?
用户1503405
2021/10/08
1.8K0
点击显示错误
双折线点击一个,另一显示a b 错误.PNG 正确.PNG 隐藏一条线 tooltip: { // 气泡 trigger: "axis"
用户4344670
2019/08/28
1.2K0
点击显示错误
STM32 禁用或开启总中断
今天把之前自己的一些在中断方面所产生的疑惑把具体的解决办法给大家分享一下,希望能够帮到大家。
用户6754675
2020/07/10
2.2K0
验证工程师经常犯的错误(4)---符号位扩展问题
在用SystemVerilog码代码的时候,经常会遇到逻辑和算术运算表达式,除了之前提到的运算符优先级问题,还有一个头疼的问题就是符号位扩展。
IC验证
2020/07/20
1.3K0
验证工程师经常犯的错误(4)---符号位扩展问题
检查Linux DRM显示设备ID的脚本
不同设计里,Linux DRM子系统里设备ID不一样。每次修改,费时费力,也容易出错。 因此写了以下脚本,自动查找encoder_id,crtc_id,connector_id等。然后在后续命令和脚本中,可以直接引用。 每次使用的时候,需要根据情况,更改display_device。display_device一般是类似a0070000.v_mix的格式,可以通过“dmesg | grep v_mix”查到。
hankfu
2021/09/26
2.6K0
点击加载更多

相似问题

如何在角4的FormControl中禁用FormArray

50

角垫-自动完成禁用输入FormControl不工作

18

角2动态禁用FormControl

11

角5 FormControl属性禁用时不返回值

11

Reactive :激活禁用FormControl的验证

18
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文