foobar directive with solution

foobardirectiveFinal.js

//Wrap masonry with ImagesLoaded and wrap that again with a $timeout w/ a small delay solves the issue.

clientAppModule.directive('addMasonry', function($timeout) {
  return {
    restrict: 'A',
    link: function(scope, element) {
      $timeout(function(val) { //looks like timeout or deferred solves the issue
        scope.container.imagesLoaded(function() {
          scope.container.masonry('reload');
        });
      }, 0);
    }
  };
});