角度模式指令无法按预期工作

Question

我尝试为以下输入实现角度模式指令

<input style="width: 100%;" 
       class="form-control" 
       id="datepicker" 
       type="text" 
       (focus)="focusFunction()" 
       placeholder="Date de construction" 
       title="Date de construction" 
       pattern="[0-9]{2}\/[0-9]{2}\/[0-9]{4}" 
       formControlName="dateConstruction">

但是我可以编码3位数字，例如456。系统不会抱怨

Answer 1

第一点是pattern不是Angular指令。它是标记input的标准HTML属性。它不会禁止您输入任何您喜欢的值。

第二，您需要实现一个真正的Angular指令，该指令可以拦截keydown元素的input事件，并通过或根据模式中提供的条件进行阻止。