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>
相关推荐
青春_strive2 分钟前
Qt常用控件之显示类控件
开发语言·qt
0_16 分钟前
让你的网页变的高大上:国际化Vue-i18n
前端·javascript·vue.js
谷隐凡二9 分钟前
fiddler安卓雷电模拟器配置踩坑篇
前端·测试工具·fiddler
哆啦美玲11 分钟前
养成编程思维——栈与队列的运用
前端·javascript·算法
类人_猿25 分钟前
ASP.NET Web(.Net Framework)POST无法正常接收数据
前端·asp.net·.net·post·post请求
小黄编程快乐屋34 分钟前
electron-updater软件自动检测更新 +无服务器本地测试
javascript·electron·serverless
城沐小巷44 分钟前
外卖点餐系统小程序
前端·后端·微信小程序
东方隐侠安全团队-千里1 小时前
网安瞭望台第6期 :XMLRPC npm 库被恶意篡改、API与SDK的区别
前端·网络·网络安全·npm·node.js
Answer_ism1 小时前
【CSS】一篇掌握CSS
前端·css·html
途途途途1 小时前
100个python经典面试题详解(新版)
开发语言·python·最新面试题·python面试题