选择地址时角度表单不验证

Question

表单使用 google places api 获取地址，但点击地址（或用键盘选择）不会触发表单的重新验证？

https://plnkr.co/edit/LgEn9t0X2h6BTHGwyJOW?p=preview

我用

更新值

this.registrationForm.patchValue({ adress: adress.formatted_address});

并尝试使用方法手动触发验证

this.registrationForm.markAsDirty(true);

和

this.registrationForm.updateValueAndValidity();

但不能让它工作。

Answer 1

由于place_changed 事件在角度区域外触发，我建议我们应该调用zone.run() 之类的

constructor(private zone: NgZone) {}

...
google.maps.event.addListener(this.autocomplete, 'place_changed', () => {
    const place = this.autocomplete.getPlace();
    this.zone.run(() => this.invokeEvent(place));

Forked Plunker

另见

• Change Detect not working in directive event ouput in Angular 2