javascript - 第三方服务不填写角反应形式值

Question

我有一个用于地址查找的反应式地址表单和第三方服务（在我的例子中是 Loqate，并且这个服务是通过在 HTML 中注入脚本来注入的）。

服务可以自动完成/自动填充的字段很少（如下面的 GIF 所示）。并且很少有字段是必需的。当用户选择建议的地址之一时 - 填写 UI (HTML) 的表单，而不是组件中的 Angular 表单。

如何通过第三方服务检测更改并填写表单值？

例如表格：

this.addressForm = this.formBuilder.group({
  Country: ['', Validators.required],
  OrderShippingAddressLine1: ['', Validators.required],
  OrderShippingAddressLine2: [''],
  OrderShippingAddressPostcode: ['', Validators.required]
});

组件的最小示例，但不幸的是没有Stackblitz上的服务。

标签： javascriptangulartypescriptangular-reactive-formsangular-forms

Answer 1

您可以使用内置角度函数中的 detectChanges() 自动检测更改。您可以在此 链接上获取更多信息。如果您仍然面临问题共享代码和角度版本。