角度 - 入力値が変更されたときにGoogleプレイスのディレクティブがトリガーされない

Question

完成したものはあまりうまく動作しないか、恐ろしい。だからここ

はきれいである私の試みですが、ときに、ユーザーの種類、何かそれが活性化されていません。

<input formControlName="address" googlePlace (placeChange)="setAddress($event)"> 

しかし、私が入力したときに：私は、このように使用

@Directive({ 
    selector: '[googlePlace]' 
}) 

export class GoogleplaceDirective implements OnInit { 
    @Output() placeChange: EventEmitter<any> = new EventEmitter<any>(); 

    public autocomplete: any; 

    constructor(private elementRef: ElementRef) {} 

    ngOnInit() { 

    this.autocomplete = new google.maps.places.Autocomplete(this.elementRef.nativeElement, {}); 

    google.maps.event.addListener(this.autocomplete, 'place_changed',() => { 

     const place = this.autocomplete.getPlace(); 

     this.placeChange.emit(place); 
    }); 
    } 
} 

オートコンプリートの入力がトリガーされていない場合、私はおそらく単純なものを見逃しているかもしれませんが、それが何であるか把握することはできません。たぶん入力を何とか手動で聞いてから検索をトリガーする必要がありますか？

Answer 1

Googleマップイベントは、あなたが、角度ゾーン内でコールバックを実行する必要があり、角度ゾーンの外に発射されたよう：

constructor(private zone: NgZone) {} 

google.maps.event.addListener(this.autocomplete, 'place_changed',() => { 
    const place = this.autocomplete.getPlace(); 
    this.zone.run(() => this.placeChange.emit(place)); // run inside angular zone 
}); 

も参照してください

• google maps places autocomplete addEventListener doesn't work