equal.validator.directive.ts

import { Validator, AbstractControl, NG_VALIDATORS, ValidatorFn } from '@angular/forms';
import { Directive, Input } from "@angular/core";

export function equalPassValidator(appEqualValidator: string): ValidatorFn {
    return (c: AbstractControl): { [key: string]: any | null } => {
        console.log("control object: ", c, appEqualValidator)
        const controlToCompare = c.root.get(appEqualValidator);
        console.log('control to compare: ', controlToCompare);
        if (controlToCompare && controlToCompare.value === c.value) return { "equal": true };
        return { "equal": false }
    }
}

@Directive({
    selector: "[appEqualValidator]",
    providers: [{
        provide: NG_VALIDATORS,
        useExisting: EqualValidatorDirective,
        multi: true
    }]
})
export class EqualValidatorDirective implements Validator {
    @Input() appEqualValidator: string;
    validate(c: AbstractControl): { [key: string]: any | null } {
        return this.appEqualValidator ? equalPassValidator(this.appEqualValidator)(c) : null;
    }

    registerOnValidatorChange(fn: () => void): void {
        // throw new Error("Method not implemented");
    }
}