Стили для автозаполнения мест Google не работают - PullRequest
Новая
       54

Стили для автозаполнения мест Google не работают

0 голосов
/ 29 мая 2020

Я работаю над Angular 9 и Ioni c 5, и я использую автозаполнение Google Places для ввода адреса. Автозаполнение работает нормально, и благодаря this мне удалось отредактировать стили в моем браузере. Затем я перешел в свою таблицу стилей (s css), чтобы поместить эти стили в соответствующие классы (pa c -container, pa c -item, pa c -icon, et c) и стили просто не будет отображаться, как я указал в файле s css. Если я проверю браузер, ни один из моих стилей не был в классах pa c. Мой код выглядит следующим образом:

profile.page. html

<ion-item class="br-5 mt">
   <ion-icon name="home" slot="start" class="ion-align-self-center" color="primary"></ion-icon>
   <ion-input id="googlePlaces" placeholder="Dirección" formControlName="address" required type="text"></ion-input>
</ion-item>

profile.page.s css

.pac-container{
    font-family: 'Open Sans';
}

.pac-item{
    margin-left:10px;
}

.pac-icon{
    display:none;
}

profile.page.ts 

declare var google: any;
export class ProfilePage implements OnInit {
constructor(){}
ionViewDidEnter() {
    this.activeGooglePlace();
  }
activeGooglePlace() {

    let input = document.getElementById('googlePlaces').getElementsByTagName('input')[0];
    let autocomplete = new google.maps.places.Autocomplete(input, { types: ['geocode'] });
    autocomplete.setComponentRestrictions({ 'country': ['cl'] });
    google.maps.event.addListener(autocomplete, 'place_changed', () => {
      let place = autocomplete.getPlace();
      this.profileForm.controls.latitude.setValue(place.geometry.location.lat());
      this.profileForm.controls.longitude.setValue(place.geometry.location.lng());
      this.profileForm.controls.address.setValue(place.formatted_address);
    });
  } 
}

Я даже пытался проверить apk на своем телефоне, поскольку читал, что некоторые люди не могут заставить его работать на localhost. Но все равно не сработало. Есть идеи, как это решить? Заранее спасибо.

1 Ответ

0 голосов
/ 29 мая 2020

Я смог изменить это, добавив все эти классы в свои переменные темы. S css. Мне действительно стыдно, что я не смог сначала проверить это.

...