title: Angular ng-repeat rating images
body: <p>I have two pngs, one with an empty star one with a full star. Depending on the ratings from 1-5 I want to add or remove more star images. Here is my code that doesn't work:</p>
  
  <pre><code>&lt;div&gt;
                          &lt;img ng-repeat="i in getNumberOfFullStars(company.AverageReview)" ng-src="{{starPhoto}}"&gt;
                          &lt;img ng-repeat="i in getNumberOfEmptyStars(company.AverageReview)" ng-src="{{emptyPhoto}}"&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$scope.getNumberOfFullStars = function(num){
          return new Array(num);
      };
  
      $scope.getNumberOfEmptyStars = function(num){
          var emptyCount = 5-num;
          return new Array(emptyCount);
      };
  </code></pre>
  
  <p>Any thoughts? Thank you for the help</p>