2016-12-14 54 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。(‘姓’)」我沒有做什麼它是 –