UNPKG

gaf-mobile

Version:

GAF mobile Web site

63 lines (41 loc) 1.76 kB
angular-google-places-autocomplete ================ Angular directive for the Google Places Autocomplete component. Installation ------------ 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): ```html <script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script> <script src="/bower_components/angular-google-places-autocomplete/src/autocomplete.js"></script> ``` You'll probably also want the styles: ```html <link rel="stylesheet" href="/bower_components/angular-google-places-autocomplete/src/autocomplete.css"> ``` Usage ----- First add the dependency to your app: ```javascript angular.module('myApp', ['google.places']); ``` Then you can use the directive on text inputs like so: ```html <input type="text" g-places-autocomplete ng-model="myScopeVar" /> ``` The directive also supports the following _optional_ attributes: * forceSelection &mdash; forces the user to select from the dropdown. Defaults to `false`. * options &mdash; See [google.maps.places.AutocompleteRequest object specification](https://developers.google.com/maps/documentation/javascript/reference#AutocompletionRequest). Examples -------- * [Basic](example/basic.html) * [Options](example/options.html) * [Force selection](example/force-selection.html) * [Custom Places](example/custom-places.html) Issues or feature requests -------------------------- Create a ticket [here](https://github.com/kuhnza/angular-google-places-autocomplete/issues) Contributing ------------ Issue a pull request including any relevant testing and updated any documentation if required.