Validateur de formes de formes réactives angulaires 2; Ignorer le cas

Question

Dans Angular 2.1.0 Formulaires réactifs, j'ai un formulaire utilisant la fonction de groupe formBuilder qui tente d'utiliser le validateur de modèle pour valider l'un des champs.

this.profileForm = this.formBuilder.group({ 
'email': [this.profile.email, [ 
      Validators.pattern('^[a-z0-9A-Z_]+(\.[_a-z0-9A-Z]+)*@[a-z0-9-A-Z]+(\.[a-z0-9-A-Z]+)*(\.[a-zA-Z]{2,15})$') 
     ]], 
//... 

Comme vous pouvez le voir, j'ajouté manuellement l'A-Z majuscule sur les groupes, mais je me demandais s'il y a un moyen de spécifier le motif validateur pour ignorer la casse. Je n'arrive pas à trouver des exemples en ligne, et comme je peux vous dire que vous ne pouvez pas passer dans un objet RegExp réel, il doit s'agir d'une chaîne.

Answer 1

Dans les versions plus récentes d'Angular, celles-ci ont résolu ce problème et la fonction Validators.pattern accepte maintenant les objets RegExp.

Pour cette version, j'ai simplement créé une classe de validation personnalisée et ajouté ma propre fonction de modèle qui accepte un objet RegExp. On dirait ceci:

import { AbstractControl, ValidatorFn } from '@angular/forms'; 
export class CustomValidators { 

    public static pattern(reg: RegExp) : ValidatorFn { 
     return (control: AbstractControl): { [key: string]: any } => { 
      var value = <string>control.value; 
      return value.match(reg) ? null : { 'pattern': { value } }; 
     } 
    } 
} 

Et la forme qui fait référence à ce validateur ressemble à ceci:

this.profileForm = this.formBuilder.group({ 
     'firstName': [{ value: this.profile.firstName, disabled: true }], 

     //... other fields 

     'email': [this.profile.email, [ 
      CustomValidators.pattern(/^[a-z0-9_]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,15})$/ig) 
     ]], 

     //...other fields 

    });