angular-gravatar

2018-08-16

angular-gravatar是什么

什么是angular-gravatar,Angular.JS directive for gravatar images

angular-gravatar介绍、angular-gravatar使用

Bower versionNPM version

Angular.JS directive for Gravatar.

Copyright (C) 2015, Sebastian Wallin sebastian.wallin@gmail.com

requirements">Requirements

install with bower">Install with Bower

bower install angular-gravatar

install with npm">Install with NPM

npm install angular-gravatar

usage">Usage

Include angular-gravatar.js in your application.

<script src="bower_components/angular-gravatar/build/angular-gravatar.js"></script>

Add the module ui.gravataras a dependency to your app:

var app = angular.module('app', ['ui.gravatar']);

Then use the directive on an image tag and it will set the correct srcattribute for you.

<!-- using a scope variable //-->
<img gravatar-src="user.email" gravatar-size="100">
<!-- or a string directly //-->
<img gravatar-src="'sebastian.wallin@gmail.com'" gravatar-size="100">

If the source is already an MD5 hash, it will be left untouched (thanks @thewarpaint)

binding once">Binding Once

If you know that the source is not going to change, you can use the gravatar-src-onceinstead:

<img gravatar-src-once="user.email">

Note: this directive will watch for a non falsy value and then stop watching.

configuration">Configuration

The options that are sent along to Gravatar can be set either directly in the directive as seen above with sizeor configured as default parameters via the gravatarServiceProvider:

angular.module('ui.gravatar').config([
  'gravatarServiceProvider', function(gravatarServiceProvider) {
    gravatarServiceProvider.defaults = {
      size     : 100,
      "default": 'mm'  // Mystery man as default for missing avatars
    };

    // Use https endpoint
    gravatarServiceProvider.secure = true;

    // Force protocol
    gravatarServiceProvider.protocol = 'my-protocol';

    // Override URL generating function
    gravatarServiceProvider.urlFunc = function(options) {
      // Code to generate custom URL
    };
  }
]);

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.comthe image will be loaded over http, but if the page url is https://www.example.comthe image will be loaded over https.

Anyway, you can force the protocol you want (for httpsuse secure = trueinstead 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 fileprotocol and fail.

All the available options can be seen over at the Gravatar docs for image requests

license">License

MIT

原文链接:www.bootcdn.cn

上一篇:angular-confirm
下一篇:jquery-bgiframe
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部