Я пытаюсь заполнить поля ввода адреса в форме ionic3 с помощью поиска автозаполнения Google.Он отлично работает на Android, но не идеально на IO.На iOs, когда я выбираю адрес в списке Google, иногда он заполняет ввод, а иногда нет ... Что-то не так в моем коде?
Спасибо
<ion-row>
<ion-col>
<ion-input placeholder="> Adresse complète et choisir" id="locationsearch" type="text"></ion-input>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<!---Input field address-->
<ion-item class="disabled">
<ion-input [disabled]="true" required placeholder="Champs réservé" type="text"
formControlName="address"
[(ngModel)]="userData.address"></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<!---Input field zipcode-->
<ion-item class="disabled">
<ion-input [disabled]="true" required placeholder="Champs réservé" type="text"
formControlName="zipcode"
[(ngModel)]="userData.zipcode"></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<!---Input field city-->
<ion-item class="disabled">
<ion-input [disabled]="true" required placeholder="Champs réservé" type="text" class="text-disabled"
formControlName="city"
[(ngModel)]="userData.city"></ion-input>
</ion-item>
</ion-col>
</ion-row>
ionViewDidLoad() {
let that = this;
var options = {
componentRestrictions: {country: "fr"}
};
let currentlocationinput = document.getElementById('locationsearch').childNodes[1];
let currentlocationsearchBox = new google.maps.places.Autocomplete(currentlocationinput, options);
currentlocationsearchBox.addListener('place_changed', function() {
var place = currentlocationsearchBox.getPlace();
// Remplir les autres champs
that.userData.address = place.address_components[0].short_name+" "+place.address_components[1].short_name;
that.userData.zipcode = place.address_components[6].short_name;
that.userData.city = place.address_components[2].short_name;
that.ref.detectChanges();
});
}