AngularJS Multi-Avatar Directive

How to Use

Will apply in the following order:

0. Facebook ID
1. Twitter ID
2. Github ID
3. Gravatar Email ID or Hash image
4. Blank user image

In your HTML, use the following. Depending on what your user has defined, it'll display an avatar:

<multi-avatar 
    data-facebook-id='' data-twitter-id='' data-github-id='' data-gravatar-id=''
>

In your Javascript (coffee):

app = angular.module("yourmodule", ["multi-avatar"]);

Find More Information

Reworked and extended Creating Simple Directive in Angular to now include:

• Standardized data attribute naming
• Include Facebook
• Include Twitter
• Include GitHub
• Include Gravatar Email address and Hash support

Install

Bower

bower install angular-multi-avatar

NPM

npm install angular-multi-avatar

License

MIT License, See LICENSE.txt