Ngx-mask: Does not work with reactive forms

[StephenRiosDev]

When using this directive on an input tied to an AbstractControl (FormControl tied to FormGroup) it breaks the control causing the value for it to never update.

[taivu]

@StephenRiosDev what was your solution?

[belobrad]

Had the same issue, ended up writing my own masking function and binding it through an (input), e.g.

<input type="text" class="form-control form-control-lg" id="zip"
                                       [formControl]="visionPlanRouterForm.controls['zip']"
                                       (input)="maskZip()" maxlength="10" placeholder="Enter ZIP Code">

and in my component:

    public maskZip(): void {
        // calls form helper and performs masking
        this.fh.maskZip(this.visionPlanRouterForm, 'zip');
    }