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>
相关推荐
mCell3 小时前
使用 useSearchParams 同步 URL 和查询参数
前端·javascript·react.js
mCell4 小时前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚4 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅4 小时前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6
xlq223225 小时前
22.多态(上)
开发语言·c++·算法
666HZ6665 小时前
C语言——高精度加法
c语言·开发语言·算法
科杰智能制造5 小时前
纯前端html、js实现人脸检测和表情检测,可直接在浏览器使用
前端·javascript·html
星释5 小时前
Rust 练习册 100:音乐音阶生成器
开发语言·后端·rust
每天吃饭的羊5 小时前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js
x***01066 小时前
SpringSecurity+jwt实现权限认证功能
android·前端·后端