angular material mat-error 失效不展示

1.你命名了控制mat-error显示与否的变量,却没有在html里使用

2.mat-error是放在mat-form-field里才生效的,如果

复制代码
 <input matInput required formControlName="phoneNumber" />

中的phoneNumber其实是valid,通过验证的,那么即使控制mat-error展示的变量为true,mat-error也不会显示。

复制代码
              <mat-form-field class="login-field1" appearance="fill">
                <mat-label>请输入手机号码</mat-label>
                <input matInput required formControlName="phoneNumber" />
                <mat-error *ngIf="formError.phoneNumber"
                  >请输入有效的手机号码!</mat-error
                >
              </mat-form-field>
相关推荐
Java程序员威哥1 分钟前
云原生Java应用优化实战:资源限制+JVM参数调优,容器启动快50%
java·开发语言·jvm·python·docker·云原生
多多*2 分钟前
程序设计工作室1月21日内部训练赛
java·开发语言·网络·jvm·tcp/ip
0思必得05 分钟前
[Web自动化] Selenium浏览器对象属性
前端·python·selenium·自动化·web自动化
AI殉道师5 分钟前
从0开发大模型之实现Agent(Bash到SKILL)
开发语言·bash
skywalk81638 分钟前
介绍一下 Backtrader量化框架(C# 回测快)
开发语言·c#·量化
小二·10 分钟前
Python Web 开发进阶实战:边缘智能网关 —— 在 Flask + Vue 中构建轻量级 IoT 边缘计算平台
前端·python·flask
源代码•宸12 分钟前
Leetcode—3314. 构造最小位运算数组 I【简单】
开发语言·后端·算法·leetcode·面试·golang·位运算
lbb 小魔仙12 分钟前
【Java】深入解析 Java 集合底层原理:HashMap 扩容与 TreeMap 红黑树实现
java·开发语言
是毛毛吧13 分钟前
GitHub热榜----前端已死?AionUi 横空出世:首个开源“生成式UI”框架,让 AI 在运行时“手搓”界面
前端·开源·github
FJW02081415 分钟前
Python深浅拷贝
开发语言·python