Formulaires pilotés de modèle en angulaire 2

dans le modèle piloté par des temples Vous devez créer une directive pour le validateur personnalisé et l'utiliser sur des éléments de modèle.

Voici mon fichier de directive, P>

validator.directive.ts p>

import { Directive, forwardRef, Attribute } from '@angular/core';
import { Validator, AbstractControl, NG_VALIDATORS } from '@angular/forms';

@Directive({
    selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',
    providers: [
        { provide: NG_VALIDATORS, useExisting: forwardRef(() => EqualValidator), multi: true }
    ]
})
export class EqualValidator implements Validator {
    constructor( @Attribute('validateEqual') public validateEqual: string,
        @Attribute('reverse') public reverse: string) {

    }

    private get isReverse() {
        if (!this.reverse) return false;
        return this.reverse === 'true' ? true: false;
    }

    validate(c: AbstractControl): { [key: string]: any } {
        // self value
        let v = c.value;

        // control vlaue
        let e = c.root.get(this.validateEqual);

        // value not equal
        if (e && v !== e.value && !this.isReverse) {
          return {
            validateEqual: false
          }
        }

        // value equal and reverse
        if (e && v === e.value && this.isReverse) {
            delete e.errors['validateEqual'];
            if (!Object.keys(e.errors).length) e.setErrors(null);
        }

        // value not equal and reverse
        if (e && v !== e.value && this.isReverse) {
            e.setErrors({
                validateEqual: false
            })
        }

        return null;
    }
}

Les formes pilotées de modèle sont assez faciles à utiliser. Mais comme la taille de votre application augmente, il devient complexe de gérer toutes les validations. Comme le nom suggère le modèle de formulaire et sa validation est effectué principalement sur le modèle HTML uniquement afin que votre code de modèle augmente. En cas de réagissance de formulaires / modèles pilotés, vous devez configurer vos champs de contrôle dans le type dossier uniquement. Donc, les deux sont bons et possèdent des avantages propres, donc en fonction de l'exigence, il faut en choisir un de l'autre approche.