Angular ngx-mask - 值未格式化
Angular ngx-mask - Value not formatted
我正在使用这个库 ngx-mask 并且我正在尝试使用 Reactive Forms 屏蔽 Angular 11 中的一些字段(日期和 phone 数字)。
这是我的代码中的两个片段
<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
中的显示方式
但这是我访问值时的结果
关于我做错了什么的任何想法
再添加一个掩码选项,即 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
我正在使用这个库 ngx-mask 并且我正在尝试使用 Reactive Forms 屏蔽 Angular 11 中的一些字段(日期和 phone 数字)。 这是我的代码中的两个片段
<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
中的显示方式关于我做错了什么的任何想法
再添加一个掩码选项,即 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