When you need to initialize jquery plugin when using AngularJS (or something else which dinamically includes html). In case of AngularJS i was needed to render user-generated articales which contains HTML code inside of AngularJS app using $sce.trustAsHtml(), but the thing is about directives dont work inside this HTML and it shouldn't in fact (…

anyway.js

/**
 * Executes given callback only if some element found by given selector
 *
 * @param {String} selector
 * @param {Function} cb
 */
window.anyway = function (selector, cb) {
  var
    interval = setInterval(function () {
      var el = $(selector);
      if(el.length !== 0) {
        cb(el);

        clearInterval(interval);
      }
    }, 1); // Chrome acts like fcking bastard and minimum interval delta can be only 4ms but anyway let's set 1

  setTimeout(function () {
    clearInterval(interval);
  }, 500); // Hope it will be enough
};

/**
 * Usage
 * 
 * Somewhere in your AngularJS controller or somewhere else
 */
$scope.$on('$viewContentLoaded', function () {
  anyway('.fotorama', function (elements) {
    elements.fotorama();
  });
});