Skip to content

tripda/angular-google-places-autocomplete

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-google-places-autocomplete

Angular directive for the Google Places Autocomplete component.

Installation

Install via bower: bower install tripda-google-place-autocomplete

Or if you're old skool, copy src/autocomplete.js into your project.

Then add the script to your page (be sure to include the Google Places API as well):

<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
<script src="/bower_components/tripda-google-place-autocomplete/src/autocomplete.js"></script>

You'll probably also want the styles:

<link rel="stylesheet" href="/bower_components/tripda-google-place-autocomplete/src/autocomplete.css">

Usage

First add the dependency to your app:

angular.module('myApp', ['google.places']);

Then you can use the directive on text inputs like so:

<input type="text" g-places-autocomplete ng-model="myScopeVar" />

The directive also supports the following optional attributes:

Examples

Issues or feature requests

Create a ticket here

Contributing

Issue a pull request including any relevant testing and updated any documentation if required.

About

Pure AngularJS directive for Google Places Autocomplete

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.5%
  • HTML 21.1%
  • CSS 6.4%