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>
相关推荐
dly_blog5 分钟前
Vue 响应式陷阱与解决方案(第19节)
前端·javascript·vue.js
Slow菜鸟5 分钟前
Java基础架构设计(三)| 通用响应与异常处理(分布式应用通用方案)
java·开发语言
消失的旧时光-194319 分钟前
401 自动刷新 Token 的完整架构设计(Dio 实战版)
开发语言·前端·javascript
wadesir23 分钟前
Rust中的条件变量详解(使用Condvar的wait方法实现线程同步)
开发语言·算法·rust
tap.AI24 分钟前
RAG系列(二)数据准备与向量索引
开发语言·人工智能
console.log('npc')32 分钟前
Table,vue3在父组件调用子组件columns列的方法展示弹窗文件预览效果
前端·javascript·vue.js
阿蒙Amon38 分钟前
C#每日面试题-重写和重载的区别
开发语言·c#
用户479492835691540 分钟前
React Hooks 的“天条”:为啥绝对不能写在 if 语句里?
前端·react.js
是一个Bug41 分钟前
Java基础20道经典面试题(二)
java·开发语言
Z_Easen44 分钟前
Spring 之元编程
java·开发语言