2016-12-14 57 views
-1

在危险的错误消息已经创建形式FIRST_NAME和另外姓氏.. 是否有角2任何一般形式的验证,也是我表现出在客户端的错误消息。如何显示危险!如何显示在角2

贝娄是我的代码

HTML文件

<form [formGroup]="myForm" (ngSubmit)="submit()" > 

<ion-item> 
    <ion-label primary floating>FIRST NAME</ion-label> 
    <ion-input type="text" id="firstname" class="form-control" formControlName="firstname" minlength="4" maxlength="12" required ></ion-input> 
</ion-item> 
    <p *ngIf="myForm.controls.firstname.errors && myForm.controls.firstname.dirty " danger > FirstName is required (b/w 4-12 chars)</p> 
<ion-item> 
    <ion-label primary floating>LAST NAME</ion-label> 
    <ion-input type="text" id="lastname" class="form-control" formControlName="lastname" minlength="4" maxlength="10" required ></ion-input> 
</ion-item> 
    <p *ngIf="myForm.controls.lastname.errors && myForm.controls.lastname.dirty " danger> LastName is required (b/w 1-10 chars)</p> 
</form> 

告诉我如何显示错误信息处于危险之中!

+0

这是离子的应用程序? –

+0

是离子型应用! –

+0

https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#sts=Reactive%20Forms –

回答

0
 <form role="form" name="myForm" novalidate=""> 
     <div data-ng-show="myForm.controls.firstname.errors && myForm.controls.firstname.dirty" class="alert alert-danger alert- dismissible" role="alert"> 
       <strong>FirstName is required (b/w 4-12 chars)</strong> 
      </div> 

      <div data-ng-show="myForm.controls.lastname.errors && myForm.controls.lastname.dirty" class="alert alert-danger alert-dismissible" role="alert"> 
       <strong>LastName is required (b/w 1-10 chars)</strong> 
      </div> 
    </form> 
+0

有人说用“myForm.get。(‘姓’)”我没有做什么它是 –