angular - 如何重置电话号码。使用库 NgxIntlTelInput 的字段？

Question

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

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

我尝试使用：

form.reset()

标签： angularformstypescript

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='';

}