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>
相关推荐
葡萄城技术团队7 分钟前
SpreadJS V19.2新特性揭秘:功能区键盘提示
前端
计算机魔术师26 分钟前
AI 幻觉导致的错误情报险些引发美军拦截中国船只
前端
万物智能28 分钟前
SARADC模数转换—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
前端·后端
VXbishe37 分钟前
【课程设计】基于SpringBoot的乡村政务服务系统的设计与实现-计算机毕设77011
javascript·vue.js·spring boot·python·php·课程设计·政务
志尊宝44 分钟前
Vue3 零基础每日笔记(037):动手封装 useMouse 与 useWindowSize——事件监听的标准模板
前端·javascript·vue.js·笔记·html5
shmily麻瓜小菜鸡1 小时前
TDD(测试驱动开发)详解
开发语言·javascript·typescript·node.js·ecmascript
三克的油1 小时前
java-学习1
java·开发语言·学习
aixingpan1 小时前
aixingpan.cn API开发文档:api_docs_bichart_natalvssolar_return2接口指南
前端·php
星期八不上发条2 小时前
智能指针是什么?使用场景,循环引用解决办法,面试回答
开发语言·c++·stl
OKkankan2 小时前
Python 基础进阶(三):从函数、类到 asyncio 与 FastAPI 后端开发实战
开发语言·python