Introduction Foundations Components Patterns Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Location input

An autocompleting text-box for location input

This location input should be used when you need, well, a location input. It will set latitude/longitude pairs in the control that you pass in.

Contents

Default Detect location Disabled Display postal code Set value

If the selected address does not have a postal code in the address but the location returned from Google does, then the postal code is appended to the end of the address.

Inputs
control : FormControl<LocationInputCustomCoordinate | LocationInputCustomAddress | LocationInputMapLocation>
autocompleteCountries ?: string | string[]

Country restrictions override for autocomplete predictions.

countryRestrictions ?: readonly Country[]

Limits the results to the countries if given.

detectLocation ?: boolean = false

Whether or not to display the detect location button

disabled ?: boolean = false
displayPostalCode ?: boolean = false

Include postal code, if present, in the location full address

dynamicValidation ?: boolean = false

First validation happens only on blur, and validates on value changes once an error exists

inputSize ?: any = InputSize.MID
label ?: string
locationType ?: AutocompleteLocationType = AutocompleteLocationType.ALL

The `type` passed to the GMaps API when doing autocompletion. See https://developers.google.com/places/web-service/autocomplete#place_types

placeholder ?: string = 'Enter a location'
postalCodeRequired ?: boolean = true

Set to false to prevent additional geocode request to retrieve postcode for partial addresses

Outputs
clearLocation ?: any = new EventEmitter()