
Security News
Node.js Homepage Adds Paid Support Link, Prompting Contributor Pushback
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
ngx-autocom-place
Advanced tools
Add this directive to any input to activate the google places autocomplete feature.
It uses google place API programmatically instead of the ready to use autocomplete javascript widget provided by google. This allows to handle keydown.enter events to select the first result automatically, and access the predictions for further customisations.
Tested with :
Framwork | Version |
---|---|
Angular | 8 + |
Ionic | 4 + |
npm i --save ngx-autocom-place
import NgxAutocomPlaceModule
in your app module.
<script src="https://maps.googleapis.com/maps/api/js?key=<YourApiKey>&libraries=places&language=en"></script>
<input type="text" ngxAutocomPlace (selectedPlace)="placeChangedCallback($event)"/>
[options]
(optional) can be added to pass (ref: https://developers.google.com/maps/documentation/javascript/reference/places-widget)Use to customise the autocomplete options. (optional) Default to :
{
types: ["geocode"]
}
Emit selected place result.
Format : https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult
Emit predictions on user input. (optional) Format : https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service#AutocompletePrediction
Set handler for enter key press event by user with first result selection from google predictions dropdown. (optional) Default: True
Set to true to not display the result dorpdown and handle predictions by your own. (optional) Default: False
Time to delay each input event (rxjs debounceTime) (optional) Default: 150 (ms)
getPlacePrediction
implementation : https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service#AutocompleteService.getPlacePredictions
getDetails
implementation : https://developers.google.com/maps/documentation/javascript/reference/places-service#PlacesService.getDetails
FAQs
Angular GoogleMaps Places Api Autocomplete Directive
The npm package ngx-autocom-place receives a total of 149 weekly downloads. As such, ngx-autocom-place popularity was classified as not popular.
We found that ngx-autocom-place demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.
Research
Security News
The Socket Research Team investigates a malicious Python typosquat of a popular password library that forces Windows shutdowns when input is incorrect.