Saya sedang mengerjakan Angular 9 dan Ionic 5 dan saya menggunakan google place autocomplete untuk input alamat. Pelengkapan otomatis berfungsi dengan baik dan berkat ini Saya berhasil mengedit gaya di browser saya. Kemudian saya pergi ke stylesheet saya (scss) untuk menempatkan gaya ini ke dalam kelas masing-masing (pac-container, pac-item, pac-icon, dll) dan gaya tidak akan muncul seperti yang saya tentukan pada file scss. Jika saya memeriksa browser, tidak ada gaya saya di kelas pac. Kode saya berjalan sebagai berikut:

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.scss

.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);
    });
  } 
}

Saya bahkan mencoba memeriksa apk di ponsel saya karena saya membaca beberapa orang tidak bisa membuatnya bekerja di localhost. Tapi tetap saja, tidak berhasil. Adakah ide tentang cara menyelesaikan ini? Terima kasih sebelumnya.

-2
Joel Flores Sottile 29 Mei 2020, 00:28

1 menjawab

Jawaban Terbaik

Saya dapat mengubahnya dengan menambahkan semua kelas itu di variabel tema saya.scss. Benar-benar malu saya tidak dapat memeriksa yang satu itu pada awalnya.

-1
Joel Flores Sottile 29 Mei 2020, 13:21