DanteCervantes.com

Social share con angular.js

Publicado por : Dante | 19 enero, 2016 | 10:53 am

 

Angular.js se expande de una manera extraordinaria y es por ello que es cada vez más sencillo desarrollar aplicaciones en menor tiempo y esfuerzo.

Una de las ventajas de poder desarrollar con angular.js es el uso de directivas, las cuales nos proporcionan funcionalidades muy efectivas para nuestra aplicación web.

Angular Social Share

Esta directiva nos permite crear botones personalizados para compartir en una gran cantidad de redes sociales, tales como :

  • Facebook
  • Twitter
  • Google +
  • Linkedin
  • Pinterest
  • Stumble
  • Reddit
  • Tumblr
  • Vk
  • etc

Para poder hacer uso de esta directiva lo que debemos hacer es añadir el script a nuestro index.html

Enlace : 720kb angular social share

Esta directiva nos permite personalizar varias opciones del formato de la ventana,  url , textos, etc, al momento de hacer clic en el botón, sin embargo es posible cambiar el tipo de evento que ejecutará la ventana de share, se pueden usar los siguientes:

  • click
  • mousehover
  • focusout
  • mouseleave

En el archivo principal de configuración de angular, debemos añadir los parámetros por default de cada una de las redes sociales que queramos utilizar

Enlace de prueba : demo

Conclusión

Las redes sociales son el principal medio de comunicación hoy en día, es por ello que el integrarlas no debe tomarnos demasiado tiempo, y con esta directiva de angular.js lo ¡podemos lograr!

 

Recibe los mejores desarrollos y tutoriales

* campos requeridos

redes sociales