resizeToFit angular directive

gistfile1.js

angular.module('farm4trade')
  .directive('resizeToFit',
  function() {
    return {
      restrict: 'EA',
      replace: false,
      transclude: true,
      link: function(scope, elem) {
        var $parent = $(elem[0]),
         $span = $parent.find('.resize'),
          fontSize = parseInt($parent.css('font-size')),
          originalFontSize = fontSize;

        function setFontSize(fontSize) {
          $span.css('font-size', fontSize.toString() + 'px');
        }

        function resize() {
          setFontSize(originalFontSize);
          fontSize = originalFontSize;
          if ($parent) {
            var parentWidth = $parent.width();
            if (parentWidth) {
              while ($span.width() >= parentWidth) {
                fontSize--;
                setFontSize(fontSize);
              }
            }
          }
        }

        resize();

        scope.$watch(function() {
          return $parent.width();
        }, resize);

        scope.$watch(function () {
          return elem.text().length;
        }, resize);
      },
      template: '<span style="display: inline-block; font-size: 50px;" class="resize" ng-transclude/>'
    }
  });