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>
相关推荐
老猿讲编程21 分钟前
一个例子来说明Ada语言的实时性支持
开发语言·ada
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
Chrikk1 小时前
Go-性能调优实战案例
开发语言·后端·golang
幼儿园老大*1 小时前
Go的环境搭建以及GoLand安装教程
开发语言·经验分享·后端·golang·go
canyuemanyue1 小时前
go语言连续监控事件并回调处理
开发语言·后端·golang
杜杜的man1 小时前
【go从零单排】go语言中的指针
开发语言·后端·golang
cs_dn_Jie1 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿2 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具3 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端