[Angular2 Form] Display Validation and Error Messaging in Angular 2
Angular Error in and Form display validation Angular2
2023-09-14 09:00:53 时间
Angular 2’s ngModel provides error objects for each of the built-in input validators. You can access these errors from a reference to the ngModel itself then build useful messaging around them to display to your users.
First, you can use 'ngModel' from 'FormsModule' from angualr2 build module.
<section> Min length & required: <input type="text" [(ngModel)]="message" #messageRef="ngModel" required minlength="5"> <pre> Errors: {{messageRef.errors | json}} Valid: {{messageRef.valid}} </pre> <div *ngIf="!messageRef.valid"> <div *ngIf="messageRef.errors?.required">This field is required</div> <div *ngIf="messageRef.errors?.minlength">Min length is {{messageRef.errors?.minlength.requiredLength}}, but now only {{messageRef.errors?.minlength.actualLength}}</div> </div> <br /> <hr/> <button md-button class="md-raised">Add</button> </section>
相关文章
- node、npm 、package.json、Angular Cli、webpack之间的关系(Windows环境下)
- 从 Angular Route 中提前获取数据
- uat环境和生产环境的区别_angular 生产环境 相对路径无效
- Angular 14 新的 inject 函数介绍
- Angular RouterModule.forRoot(ROUTES) 和 forChild(ROUTES)的区别
- Angular 项目多国语言设置
- 使用 Angular HTTP_INTERCEPTOR 拦截器来记录超时请求的一些思考
- 备受 Vue、Angular 和 React 青睐的 Signals 演进史
- MySQL Error number: 3676; Symbol: ER_PARSE_ERROR_IN_DIGEST_FN; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-010188; Symbol: ER_INVALID_ERROR_LOG_NAME; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-010668; Symbol: ER_NDB_CONFLICT_FN_PARSE_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-010765; Symbol: ER_DD_ERROR_CREATING_ENTRY; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-011456; Symbol: ER_GRP_RPL_SIDNO_FETCH_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-011601; Symbol: ER_GRP_RPL_CANNOT_EXECUTE_TRANS_IN_ERROR_STATE; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-011710; Symbol: ER_GRP_RPL_SQL_SERVICE_SERVER_ERROR_ON_CONN; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-011718; Symbol: ER_GRP_RPL_EXIT_GRP_GCS_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-013140; Symbol: ER_ERROR_INFO_FROM_DA; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-013211; Symbol: ER_GRP_RPL_ERROR_ON_MESSAGE_SENDING; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-013217; Symbol: ER_GRP_RPL_PRIMARY_ELECTION_PROCESS_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-013235; Symbol: ER_UPGRADE_PARSE_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- MySQL Error number: MY-013642; Symbol: ER_IB_ERR_ZLIB_MEM_ERROR; SQLSTATE: HY000 报错 故障修复 远程处理
- Angular 4.0发布,致力于减小代码体积详解编程语言
- angular.foreach循环方法使用指南