How to restrict search to only cities?

[haidepzai]

Hi,

I really like this autocomplete function and I want to limit my search to cities only.
I tried with this solution here

[options]="{ types: ['(cities)'], componentRestrictions: {country: 'us'} }"

But it says
Type '{ types: string[]; componentRestrictions: { country: string; }; }' is missing the following properties from type 'Options': bounds, fields, strictBounds, origin

So I tried with that option

public options: Options ={ bounds: undefined, fields: [""], strictBounds: false, types: ['cities'], componentRestrictions: {country: ''} };

But bounds cannot be undefined. I am not sure if the options are correct but I just want to limit my search to city only

[mayurgudi]

Hi,

I really like this autocomplete function and I want to limit my search to cities only. I tried with this solution here

[options]="{ types: ['(cities)'], componentRestrictions: {country: 'us'} }"

But it says Type '{ types: string[]; componentRestrictions: { country: string; }; }' is missing the following properties from type 'Options': bounds, fields, strictBounds, origin

So I tried with that option

public options: Options ={ bounds: undefined, fields: [""], strictBounds: false, types: ['cities'], componentRestrictions: {country: ''} };

But bounds cannot be undefined. I am not sure if the options are correct but I just want to limit my search to city only

Try this ...

myOptions: any; // class variable

constructor() {
this.myOptions = new Options({ types: ['(cities)'], componentRestrictions: {country: 'us'} });
}

In HTML ,
<input type="text" ngx-google-places-autocomplete [options]="myOptions">