javascript - 为什么我不能在Google Map上使用Ionic 4输入字段(Why I cannot use ionic 4 input field with google map)

Question

I want to use the ionic input with google map but it gives me an error :

(我想在Google地图上使用离子输入，但它给我一个错误：)

InvalidValueError: not an instance of HTMLInputElement

Here's the code :

(这是代码：)

HTML:

(HTML：)

<ion-item>
  <ion-label position="floating">Destination</ion-label>
  <ion-input #autoCompleteInputDestination formControlName="destination"></ion-input>
</ion-item>

ts file :

(ts文件：)

@ViewChild('autoCompleteInputDestination', {static: true}) inputNativeElementd: any;

// destination
const autocomplete2 = new google.maps.places.Autocomplete(
    this.inputNativeElementd.nativeElement as HTMLInputElement
);
autocomplete2.addListener('place_changed', () => {
    //some code
});

Any suggestions for this problem?

(对这个问题有什么建议吗？)

  ask by just aname translate from so

Answer 1

等待大神答复