5
以下のコードは、ブラウザで正常に動作します。ここでイオンのフォームにエラーメッセージを表示する方法2
は私の.htmlここ
<ion-item>
<ion-label primary floating>FIRST NAME</ion-label>
<ion-input type="text" id="firstname" class="form-control" formControlName="firstname"></ion-input>
</ion-item>
<p *ngIf="myForm.controls.firstname.errors && myForm.controls.firstname.dirty ">
<small class="up">
<strong> <i> Min 3 chars</i></strong>
</small>
</p>
は、私は私のプロジェクト( ' `イオンビルドがアンドロイド)を構築しようとすると、私の.TS iが
以下のエラーを取得していますthis.myForm = new FormGroup({
'firstname' : new FormControl('',[Validators.required,Validators.minLength(3),Validators.maxLength(10)]),
'lastname' : new FormControl('', [Validators.required,Validators.minLength(1),Validators.maxLength(10)]),
'useridphone' : new FormControl('', [Validators.required,Validators.minLength(10),Validators.maxLength(10)]),
'password' : new FormControl('',Validators.compose([Validators.required,Validators.minLength(4),Validators.maxLength(25),
Validators.pattern(this.passwordRegex)])),
'confirmpassword': new FormControl('',Validators.required),
'email' : new FormControl('', Validators.compose([ Validators.required, Validators.pattern(this.emailRegex) ]))
})
ファイルであります
がある私のプロパティ 'firstname'は型 '{[key string]:AbstractControl; } '。ここ
ionic info
あなたはformControlsをこのようにアクセスする必要が
Cordova CLI: 6.3.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.14
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.4
Node Version: v6.0.0
Xcode version: Not installed
私はmyForm.controlsを使用しますが['firstname']。touchedので、使用するまでエラーメッセージが表示されませんrは情報を入力し、別のフィールドに切り替えました。 –