如何重设电话号码使用库NgxIntlTelInput的字段？

Question

我正在使用NgxIntlTelInput库进行电话验证。

我能够重置所有字段。我无法重置电话号码。提交后填写字段。

我尝试使用：

df_file['Repair Details']

Answer 1

该库无法正常运行。 form.reset（）会重置该值，但不会清除基础文本输入字段中的文本。

您将必须自行实现重置功能。在电话号码字段中输入新的ID“电话”。单击重置按钮时，请调用此功能。我假设您已遵循库文档，并且formGroup名为“ phoneForm”。以下是该库的github页面上的演示：https://stackblitz.com/edit/ngx-intl-tel-input-demo?file=src%2Fapp%2Fapp.component.html 在此处尝试该解决方案以确认它是否有效。

reset(){
this.phoneForm.reset();
let phone = <HTMLInputElement>document.getElementById('phone');
phone.value='';

}