Angular ngx-掩码-值未格式化

Question

我正在使用这个库ngx-mask，并试图用反应式表单屏蔽Angular 11中的一些字段(日期和电话号码)。下面是我的代码中的两个片段

<input type="text" class="form-control" mask="d0/M0/0000" [leadZeroDateTime]="true" [showMaskTyped]="true" required formControlName="dateOfBirth" />
<input type="text" class="form-control" id="mobile-phone" mask="0000-0000" [showMaskTyped]="true" required formControlName="mobilePhone" />

但是，当我尝试从表单中获取值时，值并未格式化：

let formValue = this.createForm.value;

这是它在UI中的显示方式

​

但这是我访问这些值时的结果

​

你知道我做错了什么吗

Answer 1

再添加一个掩码选项，即dropSpecialCharacters，如下所示：

<input type="text" class="form-control" id="mobile-phone" mask="0000-0000" [showMaskTyped]="true" required formControlName="mobilePhone" [dropSpecialCharacters]="false" />

请验证...您可以参考ngx-mask文档中的其他信息：https://www.npmjs.com/package/ngx-mask