Iconic AngularJS Injection

directives.iconic.js

'use strict';

app.directive('iconic', function() {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      scope.$watch(function() {

        // Watch for the number of iconic DOM elements
        return element.find('img.iconic').length;

      }, function(newLength, oldLength) {

        // If a new element was added
        if (newLength > oldLength) {
          IconicJS().inject('img.iconic');
        }

      });
    }
  }
});