https://github.com/cornflourblue/angulike
AngularJS directives for social sharing buttons - Facebook Like, Google+, Twitter and Pinterest
https://github.com/cornflourblue/angulike
Last synced: 7 months ago
JSON representation
AngularJS directives for social sharing buttons - Facebook Like, Google+, Twitter and Pinterest
- Host: GitHub
- URL: https://github.com/cornflourblue/angulike
- Owner: cornflourblue
- License: mit
- Created: 2014-09-26T00:39:13.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2017-04-20T08:16:12.000Z (over 8 years ago)
- Last Synced: 2025-02-27T11:49:47.734Z (8 months ago)
- Language: JavaScript
- Homepage: http://jasonwatmore.com/post/2014/08/01/AngularJS-directives-for-social-sharing-buttons-Facebook-Like-GooglePlus-Twitter-and-Pinterest.aspx
- Size: 11.7 KB
- Stars: 58
- Watchers: 4
- Forks: 41
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
angulike
========
AngularJS directives for social sharing buttons - Facebook Like, Google+, Twitter and Pinterest
### Demo
To see a demo and further details go to http://jasonwatmore.com/post/2014/08/01/AngularJS-directives-for-social-sharing-buttons-Facebook-Like-GooglePlus-Twitter-and-Pinterest.aspx
### Installation
Install using bower: `bower install angulike`
Alternatively download the code and include the angulike.js file in your page.
Add the 'angulike' directive as a dependency of your AngularJS application:
```javascript
angular.module('myApp', ['angulike']);
```
### Usage
#### Facebook Like
Create an empty div with the *fb-like* attribute.
```html
```
To use a custom URL for the facebook like button:
```html
```
#### Google+
Create an empty div with the *google-plus* attribute.
```html
```
To use a custom URL for the google plus button:
```html
```
#### Twitter
Create an empty div with the *tweet* attribute, the value of the attribute contains the name of the model object for the tweet text.
```html
```
To use a custom URL for the tweet button:
```html
```
#### Pinterest
Create an empty div with the *pin-it* and *pin-it-image* attributes, the pin-it attribute contains the name of the model object for the
description and the pin-it-image attribute contains the name of the model object for the image url:
```html
```
To use a custom URL for the pinterest button:
```html
```