Angular default avatar

AngularJS directive to show an user avatar. Set a default avatar with initials if user has not avatar image.

See the demo page with directive working.

Table of content

Download lastest release from here.

Install bower package:

bower install --save ng-default-avatar

Include the following files in your app:

<script src="bower_components/ng-default-avatar/default-avatar.js"></script>

Add, if you want, the stylesheet too:

<link rel="stylesheet" href="bower_components/ng-default-avatar/default-avatar.css">

Add ngDefaultAvatar to your app's dependencies:

angular.module('myApplication', ['ngDefaultAvatar']);

<default-avatar name="Name" surname="Surname" image="UrlPath"></default-avatar>

User name. Default value is ?.

User surname. Default value is an empty string.

User image. Default value is an empty string.