Angular.JS directive for Gravatar.
Copyright (C) 2015, Sebastian Wallin firstname.lastname@example.org
- AngularJS (http://angularjs.org)
Install with Bower
bower install angular-gravatar
Install with NPM
npm install angular-gravatar
Include angular-gravatar.js in your application.
Add the module
ui.gravatar as a dependency to your app:
var app = angular;
Then use the directive on an image tag and it will set the correct
attribute for you.
<!-- using a scope variable //--><!-- or a string directly //-->
If the source is already an MD5 hash, it will be left untouched (thanks @thewarpaint)
If you know that the source is not going to change, you can use the
Note: this directive will watch for a non falsy value and then stop watching.
The options that are sent along to Gravatar can be set either
directly in the directive as seen above with
size or configured as default
parameters via the
Note that by default, no explicit protocol is set. This means that the image will use the protocol with which the page is loaded. For example; if the page url is http://www.example.com the image will be loaded over http, but if the page url is https://www.example.com the image will be loaded over https.
Anyway, you can force the protocol you want (for
secure = true instead of
protocol = 'https' because gravatar url differs for secure/no secure).
For example, if you are developing a mobile app with Cordova you should use
http. Otherwise directive will use
file protocol and fail.
All the available options can be seen over at the Gravatar docs for image requests