Angular 2 Directive to use with Jdenticon

README.md

How to use

1. install Jdenticon using npm install jdenticon --save
2. import this directive into your intended module and add it to declarations.
3. then use it in your html file like this:

<svg width="50" height="50" [identiconHash]="hash">
  Fallback text for browsers not supporting inline svg
</svg>

identicon-hash.directive.ts

import { Directive, ElementRef, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
import jdenticon from 'jdenticon';

@Directive({ selector: '[identiconHash]' })
export class IdenticonHashDirective implements OnChanges {
  @Input() identiconHash: string;

  constructor(private el: ElementRef, private renderer: Renderer2) {}

  ngOnChanges(changes: SimpleChanges) {
    jdenticon.update(this.el.nativeElement, this.identiconHash);
  }
}