微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular ngx-mask - 值未格式化

如何解决Angular ngx-mask - 值未格式化

我正在使用这个库 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;

这是它在用户界面中的显示方式

Date input

Phone input

但这是我访问值时的结果

Result

任何关于我做错了什么的想法

解决方法

再添加一个掩码选项,即 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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。