Cannot Restrict Countries about ngx-google-places-autocomplete

[derciesto]

hi
facing the same issue for a temporary solution is making parameter to optional
file path node_modules\ngx-google-places-autocomplete\objects\options\options.d.ts
import { LatLng } from '../latLng';
import { LatLngBounds } from "../latLngBounds";
import { ComponentRestrictions } from "./componentRestrictions";
export declare class Options {
bounds?: LatLngBounds;
componentRestrictions: ComponentRestrictions;
types: string[];
fields: string[];
strictBounds: boolean;
origin?: LatLng;
constructor(opt?: Partial<Options>);
}

its works for me

[Cassidie]

@derciesto Thank you for the information! However, I'm not understanding what you mean, or how it fixes the problem. Could you elaborate? What parameter are you referring to that would help restrict countries by becoming optional?

[Cassidie]

For anyone that was also having trouble with this, what I was doing was trying to set the options on the HTML input element as so:
<input type="text" [attr.options]="autocompleteOptions">

That does NOT work. I found an example in the repo that shows you can manually set the places options using ViewChild in ngAfterViewInit. This worked for me, successfully isolated the country.

In template:
 <input type="text" ngx-google-places-autocomplete #places="ngx-places" (onAddressChange)="onChange($event)" />

In Component:
 @ViewChild('places') public placesDirective!: GooglePlaceDirective;

  public ngAfterViewInit() {
    this.placesDirective.options.types = ['address'];
    this.placesDirective.options.componentRestrictions = { country: 'us' };
  }

Hope this helps someone else!