如何以角度2显示表单中的验证消息？ [英] how to show validate message in form in angular 2?

问题描述

我正在尝试以角度2显示表单中的验证消息？我收到此错误

I am trying to show validate message in form in angular 2 ? I am getting this error

无法读取属性'hasError'未定义

我添加了这些行

 <div *ngIf="username.hasError('required') && username.touched" 
           class="error-box"> username is required</div>    
       <div *ngIf="username.hasError('minlength') && username.touched" 
           class="error-box"> Minimum password length is 8!</div>

这是我的代码
https://plnkr.co/edit/slhySWT0mJXkloGK1kfO?p=preview

推荐答案

这应该做你想要的：

<ion-input type="text" ngControl="username" #username="ngForm"></ion-input>

 <div *ngIf="username.errors?.required && username.touched" 
           class="error-box"> username is required</div>    
       <div *ngIf="username.errors?.minlength && username.touched" 
           class="error-box"> Minimum password length is 8!</div>

Plunker示例

这篇关于如何以角度2显示表单中的验证消息？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！