Hallo habe ich umgesetzt mein Formular formGroupForm Builder mit hasError() für die Validierung wirft einen Fehler von ERROR Typeerror: Kann ich bin der Umsetzung einer Form in Winkel 2 unter Verwendung von Form Builder</p> <p>in component.ts nicht Eigentum ‚hasError‘ undefinierter
Unten ist mein Code
public myForm: FormGroup;
constructor(private authenticateservice: AuthenticateService,
private _fb: FormBuilder
) {
}
ngOnInit() {
this.myForm = this._fb.group({
address: [this.userDetails.address, [<any>Validators.required]],
address2: ['', [<any>Validators.required]],
city: ['', [<any>Validators.required]],
company_address: ['', [<any>Validators.required]],
company_address2: ['', [<any>Validators.required]],
company_city: ['', [<any>Validators.required]],
company_country: ['', [<any>Validators.required]],
company: ['', [<any>Validators.required , Validators.minLength(3)] ],
company_tax_number: ['', [<any>Validators.required]],
company_zip: ['', [<any>Validators.required, Validators.minLength(5) , Validators.maxLength(7)]],
country: ['', [<any>Validators.required]],
email: ['', [<any>Validators.required, Validators.email]],
first_name: [this.userDetails.first_name, [<any>Validators.required]],
id: ['', [<any>Validators.required]],
last_name: ['', [<any>Validators.required]],
phone: ['', [<any>Validators.required, Validators.minLength(10)]],
zip: ['', [<any>Validators.required , Validators.minLength(5) , Validators.maxLength(7)]],
user_type: ['2', [<any>Validators.required]],
terms: [0, [<any>Validators.required]],
hash_tag: [''],
});
}
Es funktioniert gut. Aber wenn Validierungen in Frontends
anzuzeigen kommen benutzte ich wie dieses
<div class="form-group row">
<div class="col-lg-8">
<label>Address 2</label>
<textarea class="form-control" placeholder="Address" rows="2" [readonly]="disabled" id="companyaddress2" formControlName="company_address2"></textarea>
<span class="help-block form-error text-danger small" *ngIf="myForm.controls['company_address2'].hasError('required')">Company Address 2 is Required.</span>
</div>
</div>
es funktioniert, aber wirft den Fehler in der Konsole wie Below
ERROR Typeerror: kann Eigenschaft ‚hasError‘ undefinierter lesen
Bitte helfen Sie mir, wie das zu sortieren.
Vielen Dank.
Der optionale Wert ist das, was mir geholfen hat. Mein Ansatz war ein wenig anders, ich benutze Kontrolle? .hasError ("someError"). Vielen Dank! – kbpontius