gaf-mobile
Version:
GAF mobile Web site
63 lines (41 loc) • 1.76 kB
Markdown
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 — forces the user to select from the dropdown. Defaults to `false`.
* options — 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.