au-mask

Author: Your Name

au-mask/src/app/au-mask/au-mask.directive.ts

@@ -1,5 +1,8 @@
 import {Directive, ElementRef, Input, OnInit} from '@angular/core';
 
+import * as includes from 'lodash.includes';
+import {SPECIAL_CHARACTERS} from "./mask.utils";
+
 @Directive({
  selector: '[au-mask]'
 })
@@ -24,10 +27,24 @@ export class AuMaskDirective implements OnInit {
 
  buildPlaceHolder(): string {
 
- const value = '';
+ const chars = this.mask.split('');
+
+ return chars.reduce((result, char) => {
+
+ return result +=
+ includes(SPECIAL_CHARACTERS, char) ? char : '_'
+
+ } , '' );
 
- return value;
 
  }
 
 }
+
+
+
+
+
+
+
+