google-input-search

1.1.3 • Public • Published

Google Input Search

Google Input Search is a location finder based on the google predictions search engine.

Demo Google Input Search

Installation

Use the package manager npm to install Google Input Search.

npm i google-input-search

Your required install Google types:

npm i -S -D @types/google-maps

In 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

License

MIT

Package Sidebar

Install

npm i google-input-search

Weekly Downloads

4

Version

1.1.3

License

MIT

Unpacked Size

3.33 MB

Total Files

21

Last publish

Collaborators

  • jskcod4