google-input-search
v1.1.3
Published
Google Input Search is a location finder based on the google predictions search engine.
Downloads
3
Maintainers
jskcod4Readme
Google Input Search
Google Input Search is a location finder based on the google predictions search engine.
Installation
Use the package manager npm to install Google Input Search.
npm i google-input-searchYour required install Google types:
npm i -S -D @types/google-mapsIn your index.html:
<head>
<!-- Add the API GOOGLE KEY-->
<script src="MY_GOOGLE_API_KEY"></script>
</head>Usage as component
In your module:
import { NgModule } from '@angular/core';
import { GoogleInputSearchModule } from 'google-input-search';
@NgModule({
imports: [GoogleInputSearchModule],
})
export class MyModule {}Input html file:
<lib-google-input-search></lib-google-input-search>Usage as directive
In your module:
import { NgModule } from '@angular/core';
import { GoogleInputSearchModule } from 'google-input-search';
@NgModule({
imports: [GoogleInputSearchModule],
})
export class MyModule {}Input html file:
<input libGoogleSearch /><input googleSearch /><input inputGoogleSearch />Api Reference
Google Search Input Component
| Name | Type | Description | Default | | ------------- | ------- | -------------------------------------------------------- | ----------------------------- | | hostClass | @Input | Whether the host class for this element is active | true | | placeholder | @Input | Placeholder text for input | empty | | debounceTime | @Input | Time debounce to search | 450ms | | searchInput | @Output | Channel to broadcast the input event of the search field | string | | searchLoading | @Output | Channel for charge status emission. | boolean | | searchResult | @Output | Channel for broadcasting results found | QueryAutocompletePrediction[] |
Google Search Input Directive
| Name | Type | Description | Default | | ------------ | ------- | -------------------------------------- | ----------------------------- | | searchResult | @Output | Channel for broadcasting results found | QueryAutocompletePrediction[] |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Authors
- José Silva - Initial work - jskcod4