<div class="rating-buttons-container">
    <span ng-repeat="btn in ratingBtns track by $index"
          ng-mouseenter="mouseOverHandler($index, true)"
          ng-mouseleave="mouseOverHandler($index, false)"
          ng-click="rateChart($index + 1)">
        <i ng-class="{'fa-star-o': !btn.btnIconFill, 'fa-star': btn.btnIconFill}" class="fa" aria-hidden="true"></i>
    </span>
</div>

<div class="rating-buttons-container">
    <span uib-rating
          ng-model="rate"
          state-on="'fa fa-star'"
          state-off="'fa fa-star-o'"
          max="3"
          ng-click="rateChart(rate)"
          titles="['Rate 1 star','Rate 2 stars','Rate 3 stars']"
          aria-labelledby="default-rating">
    </span>
</div>

Use uib-rating for the rating buttons
Use uib-rating for the rating buttons
