https://gist.github.com/razorcd/0fb5bbac4758ba7da2c97da3fa1f4424

Angular mask directive

import { Directive, Attribute, HostListener } from '@angular/core';
import { NgModel } from '@angular/forms';
 
@Directive({ 
    selector: '[mask]', 
    host: {
        '(keyup)' : 'onInputChange()'
    }
})
export class MaskDirective{
    modelValue: string;
    
    constructor(public model:NgModel, @Attribute('mask')modelValue: string){}
    
    onInputChange(){
        this.modelValue = this.getModelValue();
        this.model.viewToModelUpdate(this.modelValue);
        this.model.valueAccessor.writeValue(this.modelValue);
    }

    getModelValue(){
        let modelValue = this.model.value;
        return modelValue.replace(/\s{2,}/g, ' ');
    }
}