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:
angular.module('myApp', ['angulike']);
###Usage
####Facebook Like
Create an empty div with the fb-like attribute.
<div fb-like></div>
To use a custom URL for the facebook like button:
<div fb-like="myModel.Url"></div>
####Google+
Create an empty div with the google-plus attribute.
<div google-plus></div>
To use a custom URL for the google plus button:
<div google-plus="myModel.Url"></div>
Create an empty div with the tweet attribute, the value of the attribute contains the name of the model object for the tweet text.
<div tweet="myModel.Name"></div>
To use a custom URL for the tweet button:
<div tweet="myModel.Name" tweet-url="myModel.Url"></div>
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:
<div pin-it="myModel.Name" pin-it-image="myModel.ImageUrl"></div>
To use a custom URL for the pinterest button:
<div pin-it="myModel.Name" pin-it-image="myModel.ImageUrl" pin-it-url="myModel.Url"></div>