custom share plugin
See doc. for other languages: RUS
Supported social nets:
- Vk
- Odnoklassniki
- Telegram
- Evernote
If you want to use this plugin locally, install it by npm command:
npm install angular-share-every
or
yarn add angular-share-every
You can just add a script from CDN:
<script src="https://cdn.rawgit.com/dslpp056193/angular-share-every/0baf95e1/src/angular-share-every.js"></script>
Don't forgot to add this module in your app:
var yourApp = angular.module('yourApp', [ /*...other modules...*/, 'share-every']);
This module has two directives, whose activates by attributes share
and share-single
.
Creates list of social nets inside element. By click on social net will open small window for share in this social net.
share - add directive to this element
Required Yes
Values: No
share-title - title for share
Required No
Values: String
share-subtitle - subtitle for share Required No
Values: String
share-text - text for share
Required No
Values: String
share-image - image for share
Required No
Values: absolute or relative link
share-tag - tag for share
Required No
Values: String
share-icons - custom icons Required No
Values: object, (key - name of social net, value - any html code)
Example of value:
{
vkontakte: 'share in vk',
facebook: '<img src="img/facebook.png">',
}
share-counter - count of shares in each social nets
Required No
Values: controller variable, that have object, (key - name of social net, value - count of shares)
Note: can be empty
Example of value:
{
vkontakte: 17,
facebook: 4,
twitter: 6
}
<div
share
share-url="https://github.com/dslpp056193/angular-share-every"
share-title="Module share-every for Angular"
share-description="Module share-every for Angular"
share-image="https://cdn4.iconfinder.com/data/icons/mayssam/512/share-128.png"
share-tag="Share-plugin"
share-icons="icons"
share-counter="counters">
</div>
Creates a click event on element, which will open small window for share in given social net.
share-single - add directive for element and set social net for share Required Yes
Values: name of social net
Example of values:
- vkontakte
- odnoklassniki
- telegram
- evernote
share-title - title for share
Required No
Values: String
share-subtitle - subtitle for share
Required No
Values: String
share-text - text for share
Required No
Values: String
share-image - image for share
Required No
Values: absolute or relative link
share-tag - tag for share
Required No
Values: String
share-counter - count of shares in this social net
Required No
Values: controller variable, that has a integer
<div
share-single="facebook"
share-url="https://github.com/dslpp056193/angular-share-every"
share-title="Module share-every for Angular"
share-description="Module share-every for Angular"
share-image="https://cdn4.iconfinder.com/data/icons/mayssam/512/share-128.png"
share-tag="Share-plugin"
share-counter="facebook_counts">
Click me, please, i love it
</div>
You need't create OpenGraph meta tags, you can add any data in attributes, like a:
- title
- subtitle
- text
- image
- tags
font-awesome
I will pleased, if you will send pull-requests with a new functional or with fixes!
This work is licensed under The MIT License
You can help me and support this project with PayPal or Bitcoin 33yhTK5BnKj6MZ3wf4GFEQgCtmWtqNwJHU