0
202
VistasAngular: usando la compilación nativa html5 del navegador en los mensajes de error de validación
¿Hay alguna manera de usar los mensajes de error de validación html5 nativos del navegador y usarlos de forma angular?
lo que me gustaría es tener una forma reactiva como esta:
testForm: FormGroup = this.fb.group({ postCode: [{ value: 'postcode', disabled: true }], name: ['John'], city: [{ value: 'London', disabled: false }, [Validators.required, Validators.minLength(3)]], });para poder usar los mensajes de error nativos en la forma como:
<form [formGroup]="testForm" #myForm="ngForm"> <input type="text" formControlName="city" > <div class="errors"> <p *ngFor="let errorCode in myForm.controls.city.errors"> {{ getBrowserNativeErrorMessage(errorCode) }} </p> </div> </form>
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
Puede usar el atributo ngNativeValidate en la etiqueta del form
<form ngNativeValidate> </form> Pero no creo que los Validators de forma reactiva funcionen con esto, tendrá que usar atributos de validación nativos html
<input type="text" minlength="3" required>
·
Santiago Trujillo
Denunciar
Responde la pregunta