Min / Max Validateur Angulaire 2 Final

Selon thoughtgram.io, actuellement pris en charge les validateurs sont:

  • nécessaire
  • minlength
  • maxlength
  • modèle

Donc, en considérant le code suivant (plunkr ici):

@Component({
  selector: 'my-app',
  template: `

  <form #formRef="ngForm">
    <input type="number" [(ngModel)]="firstValue" name="firstValue" min="0" required/>
    <input type="text" [(ngModel)]="secondValue" maxlength="5" name="secondValue" required/>
    <button type="submit"> Submit </button> 
  </form>

  FORM: {{formRef.form | json }}
`
})
export class AppComponent { 
  firstValue = -22;
  secondValue = "eyy macarena!"; 
}

Tout minlength est pris en charge, min="0" est ignoré par angulaire de validation:

Min /Max Validateur Angulaire 2 Final

Min /Max Validateur Angulaire 2 Final

Donc, pour faire la forme d'entraîner une erreur lors de la firstValue ngModel < 0, ai-je besoin pour construire un validateur personnalisé?

  • FirstValue < 0, et <input ngModel="firstValue" min="0". Forme d'état: VALID. Ai-je vraiment besoin de construire un validateur personnalisé pour s'assurer Formulaire statut: INVALID lorsque le modèle est en dehors de la plage de min / max valeurs, ou est-il quelque chose de NG2 prend nativement en charge?
  • Oui, vous devrez. Vérifier le code source ici: github.com/angular/angular/blob/master/modules/%40angular/forms/... Seulement ces 4 validateurs mentionné par thoughtram article sont prises en charge OOTB.
InformationsquelleAutor David | 2016-10-04