{ IonInput } from @ionic/angular

Ionic Framework
1

Hello Guys,

I would like to use in TS the IonInput component.

My HTML looks following:

<ion-input [(ngModel)]=“pac-input”>

TS:
import { IonInput } from ‘@ionic/angular’

@ViewChild(IonInput, { static: false }) ioninput: IonInput;

  const input = this.ioninput.getInputElement().then((input)=>{
    console.log(input)
  };

Error:

Input is undefined…what is the best practise to access the “pac-element” as HTML Input element?

also console.log(this.ioninput) is ‘undefined’

The reason why I would like to use it becasue of the Google Places autocomplition:

this expects HTMLInputElement
const autocomplete = new google.maps.places.Autocomplete(input, options);

Thanks,Csaba