Google Places Autocomplete directive for Angular JS

google places autocomplete


Stars : 10

Forks : 10

Created by Dave Kuhn

bower install angular-google-places-autocomplete

Demo Download GitHub

WARNING: This library is deprecated Unfortunately I no longer have the need, time or desire to maintain this lib. That said, if anyone wishes to take it on please let me know.


Angular directive for the Google Places Autocomplete component.


Install via bower: bower install angular-google-places-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=""></script>
<script src="/bower_components/angular-google-places-autocomplete/src/autocomplete.js"></script>

You'll probably also want the styles:

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


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:


Issues or feature requests

Create a ticket here


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


Javascript plugin